一个DIV,由小变大,然后加透视
怎么实现啊。
单纯的使用scale好像不怎么明显啊。如果加上透视,效果更逼真啊。
用动画啊,`
<head>
<meta charset="UTF-8">
<title>动画</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>
`
你指的是这样?
div{
width:100px;
height:100px;
background:red;
transition:1s ease;
}
div:hover{
transform:scale(2);
opacity:0;
}
css3 animation 可以实现
楼上那么多人回答了,我就不贴代码了,我给你个东西,可以左边看效果了,复制代码就好了,原理很好懂,我现在一般都用腾讯的这个写效果。
呐网址:http://isux.tencent.com/css3/…
你说的是这个效果??
点开看效果和代码
https://jsfiddle.net/4hx5bcvh/
谢邀,我来晚了。transition也可以。
transition适合两个关键帧之间过渡
animation适合有多个关键帧