css マウスを乗せたときに背景がぼんやり白くなるグローバルメニューの作り方
グローバルメニューを作りましょう
HP制作において、グローバルメニューは欠かせません。「グローバルナビゲーション」とも呼ばれます。CSSを少し追加するだけで、スタイリッシュに作れます。早速見ていきましょう。デモはこちらです。↓
...
css
css css グラデーション生成サイトが便利すぎる！
グラデーションが簡単に生成できるサイトをご紹介します
すごいサイトを見つけてしまいました。↓
直感的な操作でグラデーションが生成でき、CSSが表示されるサイトです！
コピーして自分のサイトに張り付けるだけで、カッ...
css CSSだけでフェ―ドインのエフェクトを実装する方法
フェードインとは
透明な状態から、だんだん表示されていくエフェクトです。X軸、Y軸の動きも加えることで、カッコいい雰囲気になります。
@keyframesとanimationプロパティを使用
フェ―ドインを実装できると、...
cocoon [cocoon]@keyframesとanimationを使って記事タイトルをオシャレにカスタマイズ
記事タイトルをフェードインで表示
Wordpressのcocoonのカスタマイズです。
ページが読み込まれたとき、記事タイトルがフェードインで浮かび上がるように表示します。さらに、下から上に動きを付けましょう。
以下のコ...
css [CSSの基本] プロパティの値をまとめて記述すると効率的！
プロパティの値について
プロパティとは？
border（線）、 margin（外側の余白）、 padding（内側の余白）、color（色）など。スタイルシートの記述で定義されている書式です。
値とは？
各...
css [jQuery]簡単＆シンプル！スライドショーの作成方法
jQuery を使ったスライドショー
webサイトにスライドショーを実装します。
まずはサンプルをご覧ください。↓
5枚の写真が、3秒ごとに入れ替わります。滑らかな仕上がりになっているのがご確認できるかと思います...
cocoon [cocoon]サイドバーがシンプル過ぎる！という方のためのカスタマイズの方法
サイドバーをいじりましょう
cocoonのサイドバーのデフォルトはシンプルなため、
もうちょっとエフェクトが欲しい！と思う方も
いるかもしれません。
カスタマイズありきで作られているのでしょう。
ブログカード...
cocoon [cocoon]インデックスカードをスタイリッシュにカスタマイズ
box-shadow プロパティでスタイリッシュに
インデックスカードをカスタマイズしていきましょう。
box-shadow プロパティを使っていきます。
box-shadowとは？
影をつけるプロパティです。
...