『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
「CSS3でアニメーション!」とかいうとなんだか難しいことを新たに勉強する必要があるような気がしてて目を反らしてたんだけど、ちょっと調べてみたらたった2行でいいことが判明。 .hoge a{ display:block; width: 200px; height: 50px; background: black; /* この2行がCSS3 */ transition-property: all; transition: 0.3s linear; } .hoge a:hover{ background: blue; } (ベンダープレフィックスは省略してます) 意味は「0.3秒で背景が黒→青になります」って感じ。 また、 .hoge a{ ... transition-property: background,width,height; ... } .hoge a:hover{ backgr
画像やパネルのホバー時に、CSS3アニメーションを使った気持ちのいいエフェクトを実装するチュートリアルをまとめました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く