I'm migrating a project and it had some animations. Same there are animations in the css with @keyframes, but by putting directly into the component's css and viewing the generated page of the angle does not work. I took a look at animations part but, I understood a little. This is a sample code I'm trying to migrate to the angle.
p{
text-align:center;
font-size: 1.5em;
}
@keyframes pular {
0% { transform: scale(1); }
40% { transform: scale(1.10); }
50% { transform: scale(1); }
60% { transform: scale(1.10); }
70% { transform: scale(1); }
}
.pulso {
animation-name: pular;
animation-duration: 1000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
<p class="pulso"> teste <P>
'