最近中文字幕高清中文字幕无,亚洲欧美高清一区二区三区,一本色道无码道dvd在线观看 ,一个人看的www免费高清中文字幕

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

transition動畫

transition動畫

EugenioCode 2016-04-17 11:08:41
<!DOCTYPE?html> <html> <head> <meta?charset="UTF-8"> <title>transition屬性</title> <style?type="text/css"> div{ width:?200px; height:?200px; background-color:?green; transition:all?1s?linear?0; ????????????????-moz-transition:all?1s?linear?0;?/*?Firefox?4?*/ ????????????????-webkit-transition:all?1s?linear?0?;?/*?Safari?和?Chrome?*/ ????????????????-o-transition:all?1s?linear?0; } div:hover{ background-color:?#f60; width:?400px; height:?400px; } </style> </head> <body> <h1>transition屬性</h1> <div></div> </body> </html>在谷歌與歐朋瀏覽器中顯示不出漸進的過渡效果,很生硬,代碼應該沒有問題,在IE中能夠正常顯示,是什么原因?qū)е碌???急?。。?
查看完整描述

1 回答

?
qq_風雨中堅強_0

TA貢獻1條經(jīng)驗 獲得超0個贊

這樣可以實現(xiàn)你要寫的效果

<!DOCTYPE html>

<html>

? ? <head>

? ? ? ? <meta charset="UTF-8">

? ? ? ? <title>transition屬性</title>

? ? ? ? <style type="text/css">

? ? ? ? ? ? div{

? ? ? ? ? ? ? ?width: 200px;

? ? ? ? ? ? ? ?height: 200px;

? ? ? ? ? ? ? ?background-color: green;

? ? ? ? ? ? ? ?transition:all 1s linear 0;

? ? ? ? ? ? ? ?-moz-transition:all 1s linear 0; /* Firefox 4 */

? ? ? ? ? ? ? ?-webkit-transition:all 1s linear 0 ; /* Safari 和 Chrome */

? ? ? ? ? ? ? ?-o-transition:all 1s linear 0;

? ? ? ? ? ? ? ?-webkit-transition:background 3s; /*在chroom google瀏覽器中使用*/

? ? ? ? ? ? ? ?-moz-transition:background 3s; /*在firefox瀏覽器中使用*/

? ? ? ? ? ? }

? ? ? ? ? ? div:hover{

? ? ? ? ? ? ? ? background-color: #f60;

? ? ? ? ? ? ? ? width: 400px;

? ? ? ? ? ? ? ? height: 400px;

? ? ? ? ? ? ? ? transition-timing-function:ease;

? ? ? ? ? -webkit-transition:all 5s ease;

? ? ? ? ? -moz-transition:all 5s ease;

? ? ? ? ? -o-transition:all 5s ease;


? ? ? ? ? ? }

? ? ? ? </style>

? ? </head>

? ? <body>

? ? ? ? <h1>transition屬性</h1>

? ? ? ? <div></div>

? ? </body>

</html>


查看完整回答
反對 回復 2016-04-17
  • 1 回答
  • 0 關注
  • 1531 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號