CSS：マウスオーバー時に画像をゆっくり透過させる方法
マウスオーバー時に画像にフェード効果を与えて透過させるCSSです。 結構定番なので使用頻度も高いと思います。 DEMO transitionを使ってアニメーションを加えています。 CSS .fade { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .fade:hover { opacity: 0.4; filter: alpha(opacity=60); } 実際に画像を透過させる時は画像URLの後にclass="fade"を入れればＯＫです。 <img src="画像URL" class="fade" /> 以上参考になれば幸いです。
商用利用ＯＫ・クレジット表示不要のフリー画像素材配布サイト30選
商用利用ＯＫ・クレジット表示不要のフリー画像素材サイトを厳選してまとめてみました。 Webサイトを運営する際にはフリー画像が必要になる事が多いですが、今回紹介するものは全て著作権フリー（ロイヤリティフリー）で素材を無料で配布しているサイトですのでとても便利です。 フリー画像素材の配布サイトは沢山ありますが、その中でも僕が実際に使う頻度が高いものを優先してまとめてありますので少しでもお役に立てれば幸いです。 尚、素材サイトはライセンスが変更される場合がありますので、規約はその都度確認してください。 ラブフリーフォト 無料・著作権フリー・商用、法人可・連絡、リンク不要で利用できる写真素材サイト Official Site PHOTO STOCKER 福岡で働くWEBデザイナーのYUKIさんが、趣味＆いつか仕事で使えるかもと撮り貯めた写真を無料のフリー素材として公開 Official Site
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
