一個(gè)DIV，由小變大，然后加透視怎么實(shí)現(xiàn)啊。單純的使用scale好像不怎么明顯啊。如果加上透視，效果更逼真啊。
2 回答
呼啦一陣風(fēng)
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超6個(gè)贊
div{
width:100px;
height:100px;
background:red;
transition:1s ease;
}
div:hover{
transform:scale(2);
opacity:0;
}
慕的地10843
TA貢獻(xiàn)1785條經(jīng)驗(yàn) 獲得超8個(gè)贊
用動(dòng)畫啊，`<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>動(dòng)畫</title>
<style>
.div{
width: 100px;
height: 100px;
position: absolute;
background: #C94E00;
opacity: 1;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
animation: change 5s;
-moz-animation: change 5s;
-webkit-animation: change 5s;
-o-animation: change 5s;
}
@keyframes change{
from {width: 100px;height: 100px;opacity: 1;}
to {width: 500px;height: 500px;opacity: 0;}
}
</style>
</head>
<body>
<div class="div"></div>
</body>
</html>`
- 2 回答
- 0 關(guān)注
- 8352 瀏覽
添加回答
舉報(bào)
0/150
提交
取消