css Animazione ciclica tipo battito cardiaco CSS3来自https://paulund.co.uk/create-pulse-effect-with-cs

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css Animazione ciclica tipo battito cardiaco CSS3来自https://paulund.co.uk/create-pulse-effect-with-cs相关的知识,希望对你有一定的参考价值。

.button{ 
	display: inline-block;      
	width: 150px; 
	padding: 20px; 
	text-align: center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	border: 1px solid #888;
}

@keyframes pulse_animation {
	0% { transform: scale(1); }
	30% { transform: scale(1); }
	40% { transform: scale(1.08); }
	50% { transform: scale(1); }
	60% { transform: scale(1); }
	70% { transform: scale(1.05); }
	80% { transform: scale(1); }
	100% { transform: scale(1); }
}

.pulse {
	animation-name: pulse_animation;
	animation-duration: 5000ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

以上是关于css Animazione ciclica tipo battito cardiaco CSS3来自https://paulund.co.uk/create-pulse-effect-with-cs的主要内容,如果未能解决你的问题,请参考以下文章

css 实现导航菜单

021 CSS高级特性

前端三剑客HTML+CSS+JavaScript

几乎纯css实现弹出框

模板不加载静态文件

尝试使用javascript访问div的css属性[重复]