元素自动放大效果css

简介

效果展示：


代码： 


<!doctype html>
<html>
<head>
<meta charset="utf-8">
	<head>
	</head>
	<body>
		<div class='aaa'><i></i></div>
	</body>
</html>
<style type="text/css">
.aaa i{
    display:inline-block;
    width:100px;
    height:56px;
    background:url(./image.png) no-repeat center center;
    animation:scal 1s linear infinite;
}
@keyframes scal{
    0%{
        transform:scale(0);
        opacity:1;
    }
    100%{
        transform:scale(1.2);
        opacity:0.5;
    }
}
</style>


 

上一篇：图片去色css

上一篇：css实现抖动效果

Top