CSS3教程

当前位置: HTML5技术网 > CSS3教程 > CSS3 HTML5实例四(使用 RGBA 实现透明效果)

CSS3 HTML5实例四(使用 RGBA 实现透明效果)

CSS3教程  手机阅读
\

  目前,Web 设计中的透明效果主要靠 PNG 图片实现(但在 IE 浏览器支持得并不好 - 译者),在 CSS3,可以直接实现透明效果。

  rgba(200, 54, 54, 0.5);

  background: rgba(200, 54, 54, 0.5);

  color: rgba(200, 54, 54, 0.5);

  color: #000;

  opacity: 0.5;

  支持的浏览器: Firefox, Safari, Chrome, Opera (opacity) 以及 IE7 (opacity, with fixes).

【CSS3 HTML5实例四(使用 RGBA 实现透明效果)】相关文章

1. CSS3 HTML5实例四(使用 RGBA 实现透明效果)

2. 使用CSS3和RGBa创建超酷的按钮

3. CSS3 HTML5实例五(使用 @Font-Face 实现定制字体)

4. CSS3系列教程:RGBA

5. CSS3实现简单的动画图片说明效果

6. CSS3 HTML5实例一(圆角)

7. CSS3 HTML5实例二(图形化边界)

8. CSS3 HTML5实例三(块阴影与文字阴影)

9. 用CSS3打造一组闪亮的半透明按钮效果

10. CSS3系列教程:透明度

本文来源:https://www.51html5.com/a782.html

点击展开全部
上一篇:CSS3系列教程:RGBA 下一篇:CSS3中可自动换行而不再会撑破容器

﹝CSS3 HTML5实例四(使用 RGBA 实现透明效果)﹞相关内容

「CSS3 HTML5实例四(使用 RGBA 实现透明效果)」相关专题

html5
复制网址 收藏网址 分享到微信 分享到微博 分享到QQ

其它栏目

HTML5教程 CSS3教程 JQUERY教程

也许您还喜欢