css3 放大缩小循环动画代码片段

2019-05-07143次阅读css3

css3 放大缩小循环动画代码片段,在这里再次推荐一下跨浏览器的CSS动画库animate.css

.toyy{
	width:274px;
	height:95px;
	margin:100px auto 0;
	animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

 

上一篇: Webpack4中的Entry入口、output输出  下一篇: Webpack4中的loader用于对模块的源代码进行转换  

css3 放大缩小循环动画代码片段相关文章