一个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适合有多个关键帧
2165
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
