Fixes the CSS blockquote auto-translation (#28988)
This commit is contained in:
@@ -7,7 +7,7 @@ localeTitle: Use animação CSS para alterar o estado de foco de um botão
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Você pode usar CSS <code>@keyframes</code> para alterar a cor de um botão em seu estado de foco. Veja um exemplo de como alterar a largura de uma imagem no hover: <blockquote> <style> <br> img: hover { <br> nome da animação: largura; <br> duração da animação: 500ms; <br> } <br><br> Largura @keyframes { <br> 100% { <br> Largura: 40px; <br> } <br> } <br> </ style> <br><br> <img src = "https://bit.ly/smallgooglelogo" alt = "Logotipo do Google" /> </blockquote></section>
|
||||
<section id="description"> Você pode usar CSS <code>@keyframes</code> para alterar a cor de um botão em seu estado de foco. Veja um exemplo de como alterar a largura de uma imagem no hover: <blockquote><style><br> img:hover {<br> animation-name: width;<br> animation-duration: 500ms;<br> }<br><br> @keyframes width {<br> 100% {<br> width: 40px;<br> }<br> }<br></style><br><br><img src="https://bit.ly/smallgooglelogo" alt="Logotipo da Google" /></blockquote></section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions"> Observe que <code>ms</code> significa milissegundos, em que 1000ms é igual a 1s. Use CSS <code>@keyframes</code> para alterar a <code>background-color</code> de fundo do elemento <code>button</code> , de modo que ele se torne <code>#4791d0</code> quando um usuário passar por cima dele. A regra <code>@keyframes</code> deve ter apenas uma entrada para <code>100%</code> . </section>
|
||||
|
Reference in New Issue
Block a user