![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端CSS3
前端CSS3
是六月
这个作者很懒,什么都没留下…
展开
-
CSS3边框与圆角
CSS3 圆角border-radius 属性一个最多可指定四个border -*- radius属性的复合属性,这个属性允许你为元素添加圆角边框!语法:border-radius: 1-4 length|% / 1-4 length|%;兼容性IE9+、FireFox4+、Chrome、Safari5+、Operaborder-radius: 10%;CSS3 指定每个圆角多值...原创 2020-04-29 16:35:07 · 187 阅读 · 0 评论 -
CSS3渐变
CSS3 渐变渐变(gradients)可以在两个或多个指定的颜色之间显示平稳的过渡兼容性:IEChromeFireFoxSafariOpera10+26+16+6.1+12.1+10.0-webkit-3.6-moz-5.1-webkit-11.6-o-CSS3 线性渐变线性渐变(Linear Gradients)属性是沿着一根轴线...原创 2020-04-29 02:45:58 · 137 阅读 · 0 评论 -
CSS3背景
CSS3 背景图像区域background-clip 属性background-clip属性指定背景绘制区域语法background-clip: border-box|padding-box|content-box;兼容性IE9+、FireFox、Chrome、Safari、Operabackground-clip: border-box;//背景被裁剪到边框盒。backgroun...原创 2020-04-29 01:59:55 · 149 阅读 · 0 评论 -
CSS3字体
CSS3字体CSS3 @font-face的语法规则@font-face {font-family: ;src: [][, []]*;[font-weight: ];[font-style: CSS3 @font-face的取值说明YourWebFontName自定义的字体名称,他将被引用到Web元素中的font-familysource自定义的字体的存放路径,可以是相对路径...原创 2020-04-29 00:31:47 · 140 阅读 · 0 评论 -
CSS3文本效果
CSS3文本效果CSS3 文本阴影text-shadow 属性text-shadow 属性应用于阴影文本语法text-shadow: h-shadow v-shadow blur color;text-shadow: 5px 5px 5px red;//阴影向下偏移5px,向右偏移5px,虚化5px,红色阴影兼容性:IE10+、FireFox3.5+、Chrome4+、Safar...原创 2020-04-28 22:44:39 · 207 阅读 · 0 评论 -
CSS3转换
CSS3 TransformCSS3 2D转换CSS3 3D转换CSS3 Transform与坐标系统CSS3 矩阵CSS3 扩展属性原创 2020-04-28 20:23:42 · 268 阅读 · 1 评论 -
CSS3过渡(transition)
CSS3过渡允许CSS的属性值在一定的时间的区间内平滑地过渡。在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地已动画效果改变CSS的属性值。1、transition-property属性功能:检索或设置对象中参与过渡的属性。语法:transition-property:none|all|property;参数说明:none:没有属性改变。all:所有属性改变,默...原创 2020-03-27 15:32:27 · 222 阅读 · 0 评论 -
CSS3动画
一、CSS3 animation1、animation-name属性检索或设置对象所应用的动画名称语法:animation-name:keyframename参数说明:keyframename:指定要绑定到选择器的关键帧的名称。2、animation-timing-function属性检索或设置对象动画的过渡类型。语法:animation-timing-function:...原创 2020-03-27 11:38:26 · 130 阅读 · 0 评论