<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS3過渡動畫</title>
<style type="text/css">
.box{
width: 100px;
height: 100px;
background-color: gold;
/*在哪產(chǎn)生動畫原环、動畫的時間贷盲、運動曲線尝蠕、延遲*/
/*transition: border-radius 500ms ease,width 500ms ease 500ms,height 500ms ease 1s,background-color 500ms ease 1.5s;*/
transition: all 500ms ease;
}
.box:hover{
width: 500px;
height: 300px;
background-color: red;
border-radius: 50px;
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>
css--過度動畫
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門寿冕，熙熙樓的掌柜王于貴愁眉苦臉地迎上來蕊程，“玉大人，你說我怎么就攤上這事驼唱≡迕” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵玫恳，是天一觀的道長辨赐。 經(jīng)常有香客問我，道長京办，這世上最難降的妖魔是什么掀序？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮惭婿，結果婚禮上不恭，老公的妹妹穿的比我還像新娘。我一直安慰自己财饥，他們只是感情好换吧，可當我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著钥星，像睡著了一般沾瓦。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上谦炒，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼秽誊！你這毒婦竟也來了鲸沮？” 一聲冷哼從身側響起，我...
- 正文 年R本政府宣布汪茧，位于F島的核電站椅亚，受9級特大地震影響，放射性物質發(fā)生泄漏舱污。R本人自食惡果不足惜呀舔，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望慌闭。 院中可真熱鬧别威，春花似錦、人聲如沸驴剔。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽丧失。三九已至豺妓，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間布讹，已是汗流浹背琳拭。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 本文并非原創(chuàng)吸奴，屬于摘抄性質，并有個人的加工。 一则奥、過渡動畫 過渡（transition）動畫考润，就是從初始狀態(tài)過渡到...
- transition簡寫屬性，用于在一個屬性中設置四個過渡屬性逞度。 transition-property 規(guī)定應...
- css3過度動畫css3都有哪些新增的東西 : 過度额划，動畫妙啃，陰影档泽，圓角；transition ： width （寬...
