CSS3 column-width 屬性動(dòng)畫示例-實(shí)例在線編輯器(cainiaoplus.com)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3 column-width 屬性動(dòng)畫示例- 基礎(chǔ)教程(cainiaoplus.com)</title>
<style>
.animated {
	padding: 15px;
	border: 1px solid #000;
	-webkit-column-width: 100px; /* Chrome, Safari, Opera */
 -moz-column-width: 100px; /* Firefox */
 column-width: 100px;
 -webkit-animation: test 4s infinite; /* Chrome, Safari, Opera */
 animation: test 4s infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes test {
 50% {-webkit-column-width: 300px;}
}
/* Standard syntax */
@keyframes test {
 50% {column-width: 300px;}
}
</style>
</head>
<body>
	 警告：：CSS動(dòng)畫在Internet Explorer 9和更早版本中不起作用。

注意：以下多列段落的列寬從其初始值“ 100px”變?yōu)?ldquo; 300px”，然后再次返回至初始值“ 100px”，直至無窮大 時(shí)間。
	動(dòng)畫和視頻經(jīng)常被認(rèn)為是同一個(gè)東西，主要是緣于它們都屬于“動(dòng)態(tài)圖像”的范疇。動(dòng)態(tài)圖像是連續(xù)漸變的靜態(tài)圖像或者圖形序列，沿時(shí)間軸順次更換顯示，從而產(chǎn)生運(yùn)動(dòng)視覺感受的媒體形式。動(dòng)畫是通過把人物的表情、動(dòng)作、變化等分解后畫成許多動(dòng)作瞬間的畫幅，再用攝影機(jī)連續(xù)拍攝成一系列畫面，給視覺造成連續(xù)變化的圖畫。它的基本原理與電影、電視一樣，都是視覺暫留原理。醫(yī)學(xué)證明人類具有“視覺暫留”的特性，人的眼睛看到一幅畫或一個(gè)物體后，在0.34秒內(nèi)不會(huì)消失。利用這一原理，在一幅畫還沒有消失前播放下一幅畫，就會(huì)給人造成一種流暢的視覺變化效果。動(dòng)畫是通過把人物的表情、動(dòng)作、變化等分解后畫成許多動(dòng)作瞬間的畫幅，再用攝影機(jī)連續(xù)拍攝成一系列畫面，給視覺造成連續(xù)變化的圖畫。它的基本原理與電影、電視一樣，都是視覺暫留原理。醫(yī)學(xué)證明人類具有“視覺暫留”的特性，人的眼睛看到一幅畫或一個(gè)物體后，在0.34秒內(nèi)不會(huì)消失。利用這一原理，在一幅畫還沒有消失前播放下一幅畫，就會(huì)給人造成一種流暢的視覺變化效果。.
</body>
</html>

亚洲区国产区激情区无码区,国产成人mv视频在线观看,国产A毛片AAAAAA,亚洲精品国产首次亮相在线