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 属性对轮廓进行偏移,并在超出边框边缘的位置绘制轮廓。

h5新增标签及css3新增属性

面试中经常被问,支支吾吾的老是答不全!!血泪教训,决定记下来!- h5新增的标签 新增元素 说明 video 表示一段视频并提供播放的用户界面 audio 表示音频 canv...
  • qq_37811211
  • qq_37811211
  • 2017年03月08日 19:43
  • 5795

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

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

CSS3的一些新属性

强制文本在一行内显示:white-space: nowrap;
  • Handsome_fan
  • Handsome_fan
  • 2016年08月03日 14:23
  • 121

一些新的css3 属性

1.radio,checkbox 2.pointer-events: 鼠标事件拜拜的属性;详解 3.user-select: 坑1,在做h5页面时,要在微信中识别图中二维码。 需要移除point...
  • renpinghao
  • renpinghao
  • 2016年10月27日 20:18
  • 284

CSS3常用属性及效果汇总

本篇主要说了一些CSS3的常用新属性,并附上了代码及效果展示,内容包含了边框的圆角,阴影等效果,背景的增强型功能,文本效果改变等内容。...
  • lyznice
  • lyznice
  • 2017年01月06日 20:14
  • 2164

css3的新属性阴影属性

css3的新属性阴影属性:box-shadow; IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持 box-shadow 属性。 语法是: box...
  • StarsCCC
  • StarsCCC
  • 2017年02月09日 13:28
  • 346

css3基础总结(思维导图)

  • CROOTJAVA
  • CROOTJAVA
  • 2018年01月17日 18:31
  • 31

Css3文本新属性

新增颜色模式 rgba(r,g,b,a) r red 0~255 g green 0~255 b blue 0~255 a alpha 0~1 实例:背景...
  • zxc123e
  • zxc123e
  • 2015年10月28日 20:18
  • 648

如何让IE8支持css3属性

border-radius/box-shadow/gradient 圆角、盒子阴影、渐变这几个属性可以使用 ie-css3.htc来实现IE低版本的兼容,CSS代码如下:  .pie_radius{ ...
  • qq_32526373
  • qq_32526373
  • 2018年01月02日 18:05
  • 38

CSS3 新增文本属性

text-overflow 设置或检索是否使用一个省略标记。有两个属性值,一个是clip,是默认属性,一个是ellipsis,内容溢出部分用身略好显示。要和over-flow:hidden和whi...
  • qq_27603235
  • qq_27603235
  • 2016年01月17日 11:44
  • 359
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css3 的一些新属性
举报原因:
原因补充:

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