[B! css3] naow5のブックマーク

コピペで実装！CSS3でオシャレなデザインのサンプルコード47選

2015年7月14日の記事を再編集しています。 CSSの新しいバージョンであるCSS3は、アニメーションなどの新機能が追加となったことで従来のCSSよりもグッと便利になりました。CSS3を使えば今までよりも様々な表現ができ、ホームページを魅力的に演出してくれます。しかし「使ってみたいけれども難しそう……」という方も多いのではないでしょうか。そんなCSS3初心者の方には、サンプルコードを活用することをオススメします。コピペするだけでCSS3を使ったテクニックを取り入れることができますので、試してみましょう。今回は、CSS3でオシャレなデザインのサンプルコードをまとめてご紹介します。 CSS3で実装できるオシャレなサンプルコードまとめ 1. HTML5＋CSS3でデザインしたtableのCSS＆HTMLサンプルソース5点｜株式会社LIG https://liginc.co.jp/web/h

naow5 2016/05/04

リンク

[CSS]テキストに影を落とすCSS3 のプロパティ「text-shadow」

テキストに影を落とすCSS3 のプロパティ text-shadow についてまとめました。前回紹介させていただいた、ボックスに影を付ける box-shadow プロパティと使い方は似ています。 text-shadow の記述方法以下、text-shadow の基本的な使い方です。 p { -moz-text-shadow:5px 5px 5px #ccc; -webkit-box-shadow:5px 5px 5px #ccc; box-shadow:5px 5px 5px #ccc; } ※Firefox向け、Safari や Chrome向けのベンダープレフィックスも付けておきます。 text-shadow の値 text-shadow の値は以下のようになります。 1番目