css3 的一些新属性

转载 2016年08月30日 16:01:17

1.边框新属性 border-radius border-shadow border-image
2.背景新属性 background-size background-origin –规定背景图片的定位区域
3.文本效果 text-shadow(文本阴影) word-warp(强制换行)
4.字体 @font-face
5.2D转换 transform
transform: rotate(30deg); 旋转
-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-o-transform: rotate(30deg);
-moz-transform: rotate(30deg);
transform: translate(50px,100px); 移动
transform: rotate(30deg); 旋转
transform: scale(2,4); 缩放
6.3D转换 transform: rotateX(120deg);
7.css过渡 transition: width 2s;
8.动画 @keyframes animation:myfirst 5s; @keyframes myfirst{from {background: red;}to{background: yellow;}}
9.多列 column-count 属性规定元素应该被分隔的列数:
column-gap 属性规定列之间的间隔:
column-rule 属性设置列之间的宽度、样式和颜色规则。
10.用户界面 resize 属性规定是否可由用户调整元素尺寸。
box-sizing 属性允许您以确切的方式定义适应某个区域的具体内容。
outline-offset 属性对轮廓进行偏移,并在超出边框边缘的位置绘制轮廓。

相关文章推荐

CSS3中动画效果新属性----transition&transform

W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,...

CSS3新属性之user-select控制文本是否选中

1、抛砖:开发中遇到一个很奇怪的问题,点击网页的某地方,其他地方出现文本选中的情况,导致十分难看。如下图(点击网页其他地方search搜索出现选中状态) 2、通过user-select解决: 语法...

CSS3新属性—2D维度以及过渡

CSS3新增的一些2D、3D以及动画模块等可以帮助我们轻松完成一些有趣的小动画,在一定程度上可以代替javascript完成某些动态效果。它和普通的css用法一样由属性和属性值组成,属性为transf...

HTML5、CSS3新标签、属性概况

有时会遇到判断新标签、属性的题目,没找到适合应试的,所以自己来收集总结一下,只列举那些现在兼容性尚可(IE10支持)的新属性及其基本功能(以w3school为准)。感觉玩w3school资料更新不是很...

CSS3新属性box-flex移动端利器

未经允许,不得转载! 水平有限,不周之处欢迎指正、交流! box-flex{value}属性规定框的子元素是否可伸缩其尺寸。可伸缩元素能够随着框的缩小或扩大而缩写或放大。只要框中有多余的空间,可伸...
  • ime33
  • ime33
  • 2017-01-14 11:43
  • 603

CSS3 新属性 cacl()用法解析

这是一个会计算的属性,特别适合对于自适应还不是很熟练的童鞋! calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,你可以使用calc()给元素的border、ma...

HTML5和css3超实用的新属性集合

1.用CSS美化被鼠标选中的文字的样式 Windows自身提供的是一种很难看的墨绿色的颜色,而苹果电脑上提供的是浅绿色。火狐浏览器,IE9,Opera和谷歌浏览器允许我们自定义被选择文字的颜色。/*...

css3新属性汇总

1边框、文本效果、字体 border-radius 圆角 box-shadow 元素阴影 4个值 box-shadow:10px 20px 5px blue; text-shadow:10px ...

CSS3新属性

1.transition 过渡效果 让一个元素从一个状态过度到另一种状态。 transition: property time; transition: all 3s; transition:...

IE浏览器兼容CSS3新属性border-radius

使用PIE对IE进行CSS3兼容介绍及渲染 重要功能实现:   可以使 IE6、7、8 、9 实现类似 chrome 和 firefox  1.  更自然逼真的阴影效果,不再是以前那种丑陋的滤镜效...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)