Use @keyframes of css with angle 5.2.6

0

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>

'

    
asked by anonymous 27.02.2018 / 21:32

0 answers