-
border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */ 实心上半圆: div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ }查看全部
-
CSS3把很多以前需要使用图片和脚本来实现的效果、甚至动画效果,只需要短短几行代码就能搞定。比如圆角,图片边框,文字阴影和盒阴影,过渡、动画等。 CSS3简化了前端开发工作人员的设计过程,加快页面载入速度。查看全部
-
overflow:hidden; 将溢出的文本隐藏查看全部
-
white-space:nowrap; 取消文本超出时自动换行查看全部
-
text-overflow:ellipsis; 文本溢出时用省略号表示查看全部
-
border-image:url(borderimg.png) 70 round;/repeat/stretch 边框的背景图查看全部
-
1-2可爱的哆啦A梦 -webkit-animation: run 2s infinite linear; -moz-animation: run 2s infinite linear; animation: run 2s infinite linear;查看全部
-
属性选择器查看全部
-
div旋转,里面的span也跟着旋转查看全部
-
text-shadow: X-Offset Y-Offset blur color; X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移; Y-Offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之向上偏移; Blur:是指阴影的模糊程度,其值不能是负值,如果值越大,阴影越模糊,反之阴影越清晰,如果不需要阴影模糊可以将Blur值设置为0; Color:是指阴影的颜色,其可以使用rgba色。 比如,我们可以用下面代码实现设置阴影效果。 text-shadow: 0 1px 1px #fff查看全部
-
阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊;查看全部
-
liner-gradient(to botton, #fff,#999) 渐变的类型为线性渐变liner查看全部
-
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 1、阴影模糊半径与阴影扩展半径的区别 阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊; 阴影扩展半径:此参数可选,其值可以是正负值,如果值为正,则整个阴影都延展扩大,反之值为负值时,则缩小; X轴偏移量:右边为正,左边为负 Y轴偏移量:下面为正,上面为负 (默认阴影的位置,右下方)查看全部
-
border-image:url() 70 70 70 70 repeat查看全部
-
text-shadow:x-offset y-offset blur color; 阴影属性 animation: run ease-in-out 9s infinite; 动画属性查看全部
举报
0/150
提交
取消