-
opacity:0; 隐藏查看全部
-
IE10,Firefox,Opera支持transform属性 IE9支持替代的-ms-transform属性(仅适用于2D转换 ) Safari和Chrome支持替代的-webkit-transform属性(3D和2D转换) Opera只支持2D转换 IE10,Firefox,Opera和Chrome支持transition属性 Safari支持替代的-webkit-transition属性 IE9以及更早版本的浏览器不支持transition属性 CSS3的样式,在需要不同浏览器兼容的时候,需要加上前缀: -ms- -moz- -webkit- -o-查看全部
-
a标签左侧加填充,使a标签显示查看全部
-
判断节点上的animate动画是否存在查看全部
-
小三角形的制作 核心:border: border-top-color:三角形颜色查看全部
-
.tip span{ display:block; width:0; height:0; overflow:hidden; border:7px solid transparent; border-top-color:#f00 }查看全部
-
CSS3——box-sizing 定义和用法:box-sizing属性允许以特定的方式定义匹配某个区域的特定元素。 语法:box-sizing: comtent-box(默认值)宽度和高度分别应用到元素的内容框,在宽度和高度之外绘制元素的内边距和边框。 border-box为元素设定的宽度和高度决定了元素的边框盒。就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 inherit规定应从父元素继承box-sizing属性的值。查看全部
-
border-radius,CSS3新增用于定义圆角的属性。 IE9,Firefox4++,Chrome,Safari5+以及Opera支持border-radius属性查看全部
-
IE10,Firefox,Opera支持transform属性 IE9支持替代的-ms-transform属性(仅适用于2D转换 ) Safari和Chrome支持替代的-webkit-transform属性(3D和2D转换) Opera只支持2D转换 IE10,Firefox,Opera和Chrome支持transition属性 Safari支持替代的-webkit-transition属性 IE9以及更早版本的浏览器不支持transition属性 CSS3的样式,在需要不同浏览器兼容的时候,需要加上前缀: -ms- -moz- -webkit- -o-查看全部
-
CSS3-Transition 定义和用法 包括四个过渡属性 transition-property,transition-duration,transition-timing-function,transition-delay 分别对应规定设置过渡效果的CSS属性的名称;规定完成过渡效果需要多少秒或毫秒; 规定速度效果的速度曲线;定义过渡效果何时开始 CSS-Transform参数 rotate(angel):定义2D旋转,在参数中规定角度 rotateX(angel),rotateY(angel),rotateZ(angel);分别对应在X,Y,Z轴上的旋转 scale(x,y),定义2D缩放转换 scale3d(x,y,z),定3D缩放转换 scaleX(x),通过定义X轴的值来定义缩放转换。 scaleY(y),scaleZ(z)同理。 例:transform:rotate(360deg) scale(1.2);查看全部
-
css3幽灵按钮技术点 transform transition box-sizing border-radius查看全部
-
这节课用到的技术点查看全部
-
span 默认没有宽高等属性。需要display查看全部
-
幽灵按钮查看全部
-
CSS3——box-sizing 定义和用法:box-sizing属性允许以特定的方式定义匹配某个区域的特定元素。 语法:box-sizing: comtent-box(默认值)宽度和高度分别应用到元素的内容框,在宽度和高度之外绘制元素的内边距和边框。 border-box为元素设定的宽度和高度决定了元素的边框盒。就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 inherit规定应从父元素继承box-sizing属性的值。查看全部
举报
0/150
提交
取消