Home
text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px;
影の色、横のずれ、下のずれ、ぼかし具合
CSS テキストシャドウで文字を縁取る
関連するタグの記事
CSS 特定の画像だけを操作する
ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…
CSS｜テキストが表示領域を超えている時に途中でテキストを切って「・・・」を表示させる方法
省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-673f74396db29487252165/] ▼例：以下のようなことがでけました。 …
HP・LP制作でいつか使うかもしれないCSSネタ
CSSのみで作れるドロワーメニュー CSSのみで作れるってとこが良いですね。 See the Pen drawer menu by himeka223 (@himeka223) on CodePen. スクロールすると見出しを固定 用語集…
横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』
最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単！設置とカスタマイズが簡単だからだ。あと動きもスマ…
CSSでレスポンシブ対応！PCではテーブル表示、スマホではリスト表示させる方法
横幅480px以下になるとリスト表示となるます。 [crayon-673f74396dc0d552094913/]
CSSだけで結構使えるシンプルアイコンが書けるサイト
https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …
関連するカテゴリの記事
CSS｜テキストが表示領域を超えている時に途中でテキストを切って「・・・」を表示させる方法
省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-673f74396db29487252165/] ▼例：以下のようなことがでけました。 …
CSSでレスポンシブ対応！PCではテーブル表示、スマホではリスト表示させる方法
横幅480px以下になるとリスト表示となるます。 [crayon-673f74396dc0d552094913/]
WordPress条件分岐｜最初1件のみデザインを変える方法
FRIEND 記事一覧ページの１件目の記事の直下にグーグルバナーを設置したい！ FRIEND なんかクリックしてくれそうな位置だから（汗） ME 最初の１件目を呼んで、その直下にグーグルバナーを設置して…
WordPress post_class()に任意の独自クラスを追加する方法
WordPressのループ内でほぼほぼ使うpost_class()。 実際には以下のように書くことが多い。 [crayon-673f74396f128169218207/] このpost_class()が出力する値は以下のもの。 post-(投稿 I…
CSS／フォントサイズ「px、em、rem」の違いと変換表
px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-673f74396f1aa697792043/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…
【WordPress】１ページ内にカスタム投稿ごとの新着記事を表示する方法
GIRL トップページ、サイドバーなど任意の場所にカスタム投稿タイプの新着記事を表示したい時に以下のコードをかきまふ。 ソース カスタム投稿タイプが「schedule」の新着記事を5件表示の場合 [crayon-673f74396f1fa11107…