ホームページ > 記事 > ウェブフロントエンド > CSS3 角丸、影、transparent_html/css_WEB-ITnose
CSS で角丸、影、透明度を実現するには多くの方法がありますが、CSS3 を使用する方がはるかに便利です。
1. 角を丸める
CSS3 で角を丸くするには 2 つの方法があります
1 つ目は、各要素に対して背景画像を 1 つだけ持つことができます。ただし、CSS3 では、要素に複数の背景画像を含めることができます。このように、要素に 4 つの 1/4 円の背景画像をそれぞれ 4 つの角に追加すると、角を丸くすることができます。.box {
最初に背景画像として使用する 4 つの画像を定義します */
background-image: url(/img/top-left.gif),
1 img/bottom-left.gif )、
3. 透明度
CSS は元々透明度をサポートしており、IE 以外のブラウザでもサポートされています。 IE は filter:alpha ですが、この透過性には欠点があります。つまり、DIV、
Html コード
Html code
.alert {
CSS3 を使用すると、これまで難しかった効果を簡単に実現できるようになります。私たちは、すべてのブラウザーができるだけ早く CSS3 を完全にサポートすることを願っています。