`
zccst
  • 浏览: 3322670 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

CSS3新特性

阅读更多
1,处理圆角
(1) webkit
(2) moz 火狐
border-radius :  20px;
-webkit-border-radius :  20px;
-moz-border-radius :  20px;

2,文本阴影  text-shodaw
text-shadow: x-offset  y-offset  blur  color;
例:text-shadow: 2px 3px  2px  #333;


3,盒阴影  box-shadow
-webkit-box-shadow:  x-offset  y-offset  blur  color;
-moz-box-shadow:  x-offset  y-offset  blur  color;
例:

4,颜色
background: rgba( red,  green,  blue,  alpha);
前三个数值是 RGB 颜色的值, 最后一个数值指代的是元素的透明度 (0 表示透明, 1 表示不透明)
分享到:
评论

相关推荐

    CSS3教程和css3新特性专题

    【CSS3教程和css3新特性专题】 CSS3是 Cascading Style Sheets(层叠样式表)的第三版,是Web设计领域的一个重要里程碑,引入了许多新的功能和特性,极大地增强了网页设计的灵活性和表现力。这个专题将深入探讨CSS3...

    深入了解CSS3新特性

    资源名称:深入了解 CSS3 新特性资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    1.07 css3新特性

    CSS3新特性 本资源摘要信息主要介绍CSS3的新特性,包括CSS3的介绍、CSS3选择器、CSS3文本、CSS3边框、CSS3背景、CSS3颜色、CSS3渐变、CSS3盒模型等。 CSS3介绍 CSS3是CSS(层叠样式表)技术的升级版本,于1999年...

    css3新特性.png

    CSS3新特性,带你一小时学完CSS3

    让IE6、7 、8支持CSS3新特性插件

    标题中的“让IE6、7、8支持CSS3新特性插件”指的是针对早期版本的Internet Explorer(IE6、IE7、IE8)的一种解决方案,这些浏览器不原生支持CSS3的新特性。CSS3是层叠样式表的第三个主要版本,引入了许多增强网页...

    html5和css3新特性.pdf

    6. CSS3新特性:CSS3引入了许多新的样式和效果,如transition、transform、animation等。 例如: ```css div { border: 1px solid #ccc; } .y-clearfix:before, .y-clearfix:after { content: ""; display: ...

    CSS3新特性.md

    CSS3新特性.md

    HTML5CSS3新特性的浏览器支持情况.pdf

    Modernizr是一个强大的JavaScript库,它可以帮助检测浏览器对HTML5和CSS3新特性的支持,并根据支持情况添加自定义的类到`<html>`元素,以便于在CSS中实现浏览器兼容性。 此外,考虑到IE11移除了"MSIE"标识并开始...

    CSS3新特性和CSS3教程

    CSS3是 Cascading Style Sheets(层叠样式表)的最新版本,它引入了许多新的特性和功能,极大地扩展了网页设计的可能性。相比于CSS2,CSS3不仅提供了更精细的样式控制,还引入了模块化的发展方式,使得开发者可以...

    兼容IE8插件(兼容h5+css3新特性)

    这是一个对IE8及以下做前端兼容的文件工具...--对于ie6到ie8做兼容,兼容h5,css3等新特性--> <!--[if (gte IE 6)&(lte IE 8)]> [removed][removed] [removed][removed] [removed][removed] <![endif]-->

    CSS3教程和css3新特性专题(技术前沿)

    喜欢玩css的看看吧。适合css高级选手。

    CSS3-HTML5新特性介绍:由CSS3-HTML5制作的网页版PPT

    HTML5 Rocks是由谷歌牵头的开源的web项目。有丰富的html5的demo。 基于html5 rocks作的CSS3介绍,是PPT风格的网页,大家可以参考。 HTML5 Rocks官网上有更丰富的关于HTML5+CSS3+JS的介绍,大家可以自己到官网下载。

    CSS 3 Intellisense Schema 完整安裝包

    **一、CSS3新特性** 1. **选择器增强**:CSS3增加了更多的选择器类型,如伪类选择器(`:hover`, `:active`, `:focus`),子元素选择器(`>`),同胞元素选择器(`+`, `~`),以及属性选择器(`[attr=value]`)等,...

    Css3新特性应用之视觉效果实例

    本文介绍了Css3新特性应用之视觉效果,具体有单侧阴影、不规则投影、染色体效果、毛玻璃效果、折角效果,具体实现如下: 一、单侧阴影 1、box-shadow属性的应用,格式:h-shadow v-shadow blur spread color inset...

    CSS3秘笈 第3版

    1. CSS3新特性介绍:了解CSS3相较于旧版CSS有哪些新特性,例如选择器的增强、伪类和伪元素的扩展、新的布局方式以及新增的颜色、字体和阴影等样式属性。 2. 布局控制:掌握基于CSS3的布局技术,包括弹性盒子...

    IE兼容CSS3

    在IE8及更早版本中,浏览器内核使用的是Trident,它对CSS3新特性的支持非常有限。而从IE9开始,虽然开始支持一部分CSS3,但与现代浏览器相比仍有差距。例如,IE9不支持CSS3的transform、transition和animation等特效...

    CSS3新特性介绍:由HTML5制作的网页版PPT

    本资源是基于html5 rocks作的CSS3介绍,是PPT风格的网页,本人做介绍用的,自己写了一些代码进去,大家可以参考。 HTML5 Rocks官网上有更丰富的关于HTML5+CSS3+JS的介绍,由于资源比较大,大家可以自己到官网下载。

    CSS3 3D立体凸出显示导航菜单插件

    总之,“CSS3 3D立体凸出显示导航菜单插件”是一个结合了CSS3新特性和JavaScript的创新设计,通过3D转换和动态样式改变,为用户提供了生动且吸引人的导航体验。这个插件不仅展示了现代Web设计的可能性,也为开发者...

Global site tag (gtag.js) - Google Analytics