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

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

注意：在所有單獨(dú)的邊框?qū)傩灾?，只有CSS可以設(shè)置column-rule-width和column-rule-color屬性。 column-rule-style屬性不可設(shè)置動(dòng)畫(huà)。 有關(guān)詳細(xì)信息，請(qǐng)參見(jiàn)CSS <a href="/css-reference/css3-column-rule-property.html" target="_top"> column-rule </a>速記屬性。

曹操（155—220），字孟德，小名阿瞞，沛國(guó)譙（今安徽省亳州市）人。政治軍事方面，曹操消滅了眾多割據(jù)勢(shì)力，統(tǒng)一了中國(guó)北方大部分區(qū)域，并實(shí)行一系列政策恢復(fù)經(jīng)濟(jì)生產(chǎn)和社會(huì)秩序，奠定了曹魏立國(guó)的基礎(chǔ)。文學(xué)方面，在曹操父子的推動(dòng)下形成了以三曹（曹操、曹丕、曹植）為代表的建安文學(xué)，史稱“建安風(fēng)骨”，在文學(xué)史上留下了光輝的一筆。魏朝建立后，曹操被尊為“魏武帝”，廟號(hào)“太祖”。事跡見(jiàn)《三國(guó)志》卷一本紀(jì)。有集三十卷，已散佚。明人輯有《魏武帝集》，今又有《曹操集》。
曹操（155—220），字孟德，小名阿瞞，沛國(guó)譙（今安徽省亳州市）人。政治軍事方面，曹操消滅了眾多割據(jù)勢(shì)力，統(tǒng)一了中國(guó)北方大部分區(qū)域，并實(shí)行一系列政策恢復(fù)經(jīng)濟(jì)生產(chǎn)和社會(huì)秩序，奠定了曹魏立國(guó)的基礎(chǔ)。文學(xué)方面，在曹操父子的推動(dòng)下形成了以三曹（曹操、曹丕、曹植）為代表的建安文學(xué)，史稱“建安風(fēng)骨”，在文學(xué)史上留下了光輝的一筆。魏朝建立后，曹操被尊為“魏武帝”，廟號(hào)“太祖”。事跡見(jiàn)《三國(guó)志》卷一本紀(jì)。有集三十卷，已散佚。明人輯有《魏武帝集》，今又有《曹操集》。
</body>
</html>

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