ブログで100万の秘訣ってなに?
詳しくはコチラ

よくある面倒なタスクのお助けに!使えるCSSスニペット25選【part2】

マーケティング最新
本記事では、前半後半併せて27のCSSスニペットを紹介します。
いずれもよく必要になる、フラストレーションのたまるタスクを解消するのに役立ってくれるスニペットです。
もはやクラシックとさえ言えるようなものから、比較的新しいCSS3スニペットもあります。
ぜひ役立ててください。
part1はこちらです。
 
15.オブジェクトを透明にする:opacity
ウェブサイトのオブジェクトの透過率を好きなように変えることができます。
 
16.ファイルフォーマットに依存したリンクスタイル
リンクのとなりに、それが特定のフォーマットであることを示す小さなアイコンが表示されます。コピーアンドペーストをしてエクステンションを変えれば、自分でバリエーションを増やすことも可能です。
 
17.背景画像をリサイズする
タイトルの通り、背景画像をリサイズできます。
 
18.複数の段をつくる
フォーマットや段落を弄らずとも、簡単に好きなだけ段を作成することができます。任意の色の境界線を表示することも可能です。
 
19.基本的なリンクロールオーバーをCSSスプライトに
ホバーした際にボタンの背景画像を下げてくれるので、専用のボタンを別に作成しなくてもホバー効果を演出できます。
 
20.@fontfaceでブレットプルーフに
Fonts

リンク元

コメント

タイトルとURLをコピーしました