[CSS]Photshopを使用しないで、スタイルシートで実装するレタープレス海外のサイトでよく見かけるレタープレスのエフェクトを実装するスタイルシートをLINE 25から紹介します。 Create a Letterpress Effect with CSS Text-Shadow demo レタープレスのエフェクトはCSS3で実装されているため、デモはSafari3, Firefox3.5などCSS3に対応したブラウザでご覧ください。 HTMLとCSSはシンプルです。 HTML
[CSS]コピペでOK！画像のホバー時用のかっこいい新しいエフェクトのまとめ
HTML 各デモのベースとなるHTMLです。 div要素のclassを変更して利用します。 <div class="pic"> <img src="image.jpg"> </div> 各デモで共通で使用するスタイルです。 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body { background: #333; } .pic { border: 10px solid #fff; float: left; height: 300px; width: 300px; margin: 20px; overflow: hidden; -webkit-box-shadow: 5px 5px 5px #111
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
