1
我找不出为什么我的代码不起作用，希望有人能帮助我。Css脉冲动画不起作用
这里是我的代码：
@-webkit-keyframes pulse
{
0%
{
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50%
{
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100%
{
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse
{
0%
{
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50%
{
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100%
{
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse
{
-webkit-animation-name: pulse;
animation-name: pulse;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}<html>
<head></head>
<body>
<h1 class="pulse">Thermostat-Einstellungen</h1>
<h2>Eingestellte Temperatur</h2>
<form action="web_event" id="eingestellte_temperatur_form" method="POST">
<input name="web_event[event_type]" type="hidden" value="desired_temp_change">
<input name="web_event[integer_value]" type="text" data-displayPrevious=true value="20" class="dial">
</form>
<hr/>
<h2>Aktuelle Temperatur</h2>
<form id="aktuelle_temp_form">
<input name="web_event[integer_value]" type="text" value=20 data-fgColor="#ffec03" data-skin="tron" class="dial">
</form>
<hr/>
<h2>Letzte Termperaturen</h2>
<div id="echtzeit_graph" class="wild_graph"></div>
</body>
</html>我在去年的项目会出现这种动画作品好了，但在我的Rails项目的Ruby我不能让动画工作