1
내 코드가 작동하지 않는 이유를 알 수 없으므로 누군가가 나를 도울 수 있기를 바랍니다. 여기 Css pulse 애니메이션이 작동하지 않습니다.
내 코드입니다 : 내가 일하는 애니메이션이 애니메이션 작업 만 큰하지만 레일 프로젝트에 내 루비에서 얻을 수없는 않았다 내 마지막 프로젝트에@-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>