css
csdn_huangyumin
一直努力下去,看命运还怎么肆虐我
展开
-
css3 @-webkit-keyframes 这种格式什么意思
@-webkit-keyframes labelON{ 0%{top: 0px; left: 0px; } 100%{top: 0px; left: 38px; }}@keyframes(关键帧)作为CSS3动画的一部分,其该紧跟一个标识符(由开发者自定),此标识符将在其他CSS代码中引用。在@转载 2015-10-24 18:04:19 · 12110 阅读 · 0 评论 -
CSS3 animation 属性
使用简写属性,将动画与 div 元素绑定div{animation:mymove 5s infinite;-webkit-animation:mymove 5s infinite; /* Safari 和 Chrome */}http://www.w3school.com.cn/tiy/t.asp?f=css3_animation转载 2015-10-25 15:21:31 · 366 阅读 · 0 评论 -
css3 实现动画效果,怎样使他无限循环动下去?
主要需要使用 -webkit-animation如: -webkit-animation:gogogo 2s infinite linear ;其中gogogo是自己定义的动画帧,2s是整个动画的秒数,infinite是永久循环 linear是线性变化 (step-end则是无线性变化,直接输出结果) 代码如下:CSS:@-webkit-keyframes gog转载 2015-10-25 15:32:55 · 6185 阅读 · 0 评论 -
z-index:9999在CSS中是什么意思
z-index属性:较大 number 值的对象会覆盖在较小 number 值的对象之上。如两个绝对定位对象的此属性具有同样的 number 值,那么将依据它们在HTML文档中声明的顺序层叠。对于未指定此属性的绝对定位对象,此属性的 number 值为正数的对象会在其之上,而 number 值为负数的对象在其之下。设置参数为 null 可以移除此属性。因此,在z-index属性值相同的转载 2015-10-25 15:02:57 · 3060 阅读 · 0 评论 -
background-size:cover
http://www.w3school.com.cn/tiy/c.asp?f=css_background-size&p=7转载 2015-10-25 15:13:41 · 358 阅读 · 0 评论 -
利用CSS3制作淡入淡出动画效果
1. 定义动画,名称为fadeIn@-webkit-keyframes fadeIn {0% {opacity: 0; /*初始状态 透明度为0*/}50% {opacity: 0; /*中间状态 透明度为0*/}100% {opacity: 1; /*结尾状态 透明度为1*/}}2. 在ID或类中增加如下的动画代码#box{-webkit-animatio转载 2015-10-25 15:49:28 · 15786 阅读 · 0 评论