CSS3 border-radius box-shadow

備忘用に記事を書いておきます。

他人のWebサイトの制作をたのまれてしまい、HTML5とCSS3を再勉強中です。

今のWebサイトのデザインはCSS3の知識が必須です。私の知識はCSS2.1で止まっているのでいろいろ試行錯誤しながらデザインしている段階です。

CSS3の中でも「bordar-radius」と「box-shadow」については使いこなせて当然というぐらい、必須のようです。

samplefish.jpg

画像のボーダーを丸や楕円にし、影をつけるだけで印象が変わってきます。

ちなみにテキストに影をつけるtext-shadow」というものもあります。

関連記事
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

コメント

コメントの投稿

非公開コメント


ページ下部までご覧いただきありがとうございました。