css3 两种背景色,CSS3 / 实例改变背景色和位置

实例

实例改变背景色和位置

@keyframes myfirst

{

0% {background: red; left:0px; top:0px;}

25% {background: yellow; left:200px; top:0px;}

50% {background: blue; left:200px; top:200px;}

75% {background: green; left:0px; top:200px;}

100% {background: red; left:0px; top:0px;}

}

@-moz-keyframes myfirst /* Firefox */

{

0% {background: red; left:0px; top:0px;}

25% {background: yellow; left:200px; top:0px;}

50% {background: blue; left:200px; top:200px;}

75% {background: green; left:0px; top:200px;}

100% {background: red; left:0px; top:0px;}

}

@-webkit-keyframes myfirst /* Safari 和 Chrome */

{

0% {background: red; left:0px; top:0px;}

25% {background: yellow; left:200px; top:0px;}

50% {background: blue; left:200px; top:200px;}

75% {background: green; left:0px; top:200px;}

100% {background: red; left:0px; top:0px;}

}

@-o-keyframes myfirst /* Opera */

{

0% {background: red; left:0px; top:0px;}

25% {background: yellow; left:200px; top:0px;}

50% {background: blue; left:200px; top:200px;}

75% {background: green; left:0px; top:200px;}

100% {background: red; left:0px; top:0px;}

}

css3 两种背景色,CSS3 / 实例改变背景色和位置 - 汇智网相关推荐

css3 描两个边,CSS3 / 指定四条边中图像的显示方法 - 汇智网
绘制四个角不同半径的圆角边框可以在border-image属性中指定元素四条边中的图像是以拉伸的方式显示,还是以平铺的方式显示,指定方法如下所示. border-image: url(文件路径) A ...
html圆角半径,CSS3 / 绘制四个角不同半径的圆角边框 - 汇智网
绘制四个角不同半径的圆角边框如果要绘制的圆角边框四个角半径各不相同,可以将border-top-left-radius属性.border-top-right-radius属性.border-bott ...
python列表的排序方法_pythonlist排序的两种方法及实例
本文主要介绍了python list排序的两种方法及实例讲解.具有很好的参考价值,下面一起来看下吧对List进行排序,Python提供了两个方法方法1.用List的内建函数list.sort进行排 ...
list排序方法python_python list 排序的两种方法及实例讲解
对 list 进行排序,Python 提供了两个方法: 方法1. 用 list 的内建函数 list.sort 进行排序 list.sort(func=None, key=None, reverse= ...
css3两种hover动画
1.先定义动画,再调用动画.这类似javascript的函数调用. 1.1/*先命名css动画,此处我随意命名为hover-zoom,*/ @-webkit-keyframes hover-zoom{ ...
怎样改证件照的背景颜色？两种方法教你换背景色
怎么改证件照的背景色呢?证件照大家在日常中经常会使用到,这也是我们每个人必备的一种证件.但是在使用的过程中,相信很多小伙伴遇到过自己的证件照背景色与要求的颜色不符的情况,因为通常情况下不会有这种情况, ...
改变鼠标指针形状两种方法及实例
改变鼠标指针形状的方法有两种:一种:用css样式表来改变鼠标指针形状.另一种是:利用第三方控件的方法,而我自己最常用的是第一种:用css样式表来改变鼠标指针形状我们先来看第一种:用css样式表来改变 ...
css3两种渐变（gradients）
css3的常用线性渐变和径向渐变两种渐变方式: 线性渐变(Linear Gradients):上下.左右.对角径向渐变(Radial Gradients):内外示例代码: <!DOCTYP ...
python list列表排序的两种方法及实例讲解
对List进行排序,Python提供了两个方法方法1.用List的内建函数list.sort进行排序 list.sort(func=None, key=None, reverse=False) Py ...

css3 两种背景色,CSS3 / 实例改变背景色和位置 - 汇智网

css3 两种背景色,CSS3 / 实例改变背景色和位置 - 汇智网相关推荐

最新文章

热门文章