“CSS Rotar la transición” Código de respuesta

CSS Rotar la animación

<img class="image" src="http://i.stack.imgur.com/pC1Tv.jpg" alt="" width="120" height="120">

.image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
2 Programmers 1 Bug

transformación de CSS traducir rotación

#id {
    transform: translate(50%, 50%) rotate(90deg) ;
}
Bad Bear

CSS Rotar la transición

<input class = "spin" type="image" src="(IMAGE URL)" width="42" height="42" alt="a" title"Transform 360 deg. image!">

<style>
.spin:hover {
height: 60px;
width: 60px;
transition: .5s;
transform: rotate(360deg);
}
</style>

<!-- You can remove the height and width elements in the CSS style tag if you wish. -->
ayaan

Respuestas similares a “CSS Rotar la transición”

Preguntas similares a “CSS Rotar la transición”

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código