Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] rotar solo un elemeto entre varios

Estas en el tema de rotar solo un elemeto entre varios en el foro de CSS en Foros del Web. perdon que borrara el codigo es que ya lo solucione no se como explicarlo pero prueben el codigo y entendera cual es mi problema codigo ...
  #1 (permalink)  
Antiguo 01/03/2016, 13:38
 
Fecha de Ingreso: enero-2016
Mensajes: 63
Antigüedad: 5 años, 6 meses
Puntos: 0
rotar solo un elemeto entre varios

perdon que borrara el codigo es que ya lo solucione

no se como explicarlo pero prueben el codigo y entendera cual es mi problema
codigo html:
Código HTML:
Ver original
  1. <section class="categorias">
  2. <h3 class="titulo-categoria" id="titulo_categoria">Categorias</h3>
  3. <hr size="0.5em" color="black">
  4. <ul>
  5. <a href="" ><li class="li"><h3><img src="" class="logo-categorias"><div class="centro">Accion </div> </h3></li></a>
  6. <a href=""><li class="li"><h3><img src="" class="logo-categorias"><div class="centro">Aventura</div></h3></li></a>
  7. <a href=""><li class="li"><h3><img src="" class="logo-categorias"><div class="centro">Arcade</div></h3></li></a>
  8. <a href=""><li class="li"><h3><img src="" class="logo-categorias"><div class="centro">Carreras</div></h3></li></a>
  9. <a href=""><li class="li"><h3><img src="" class="logo-categorias"><div class="centro">Deportes</div></h3></li></a>
  10. <a href=""><li class="li"><h3><img src="" class="logo-categorias"><div class="centro">Estrategia</div></h3></li></a>
  11. <a href=""><li class="li"><h3><img src="" class="logo-categorias"><div class="centro">Logica</div></h3></li></a>
  12. <a href=""><li class="li"><h3><img src="" class="logo-categorias"><div class="centro">Online</div></h3></li></a>
  13. <a href=""><li class="li"><h3><img src="" class="logo-categorias"><div class="centro">2 Jugadores</div></h3></li></a>
  14. </ul>

codigo css:
Código CSS:
Ver original
  1. .logo-categorias{
  2. width:2.5em;
  3. height:2.5em;
  4. border-radius:50%;
  5. -webkit-transition:all 0.5s ease-out;
  6. }
  7.  
  8. .categorias:hover .logo-categorias{
  9. -webkit-transform:rotate(360deg);
  10. }
  11.  
  12. .categorias{
  13. width:20%;
  14. height:50em;
  15. background-color:skyblue;
  16. margin:5em 1em 0 0 ;
  17. float:left;
  18. border-radius:0 1em 1em 0;
  19. }
  20.  
  21. ul .li{
  22. background-color: red;
  23. margin:0.3em 0 0 0;
  24. height:3em;
  25. border-radius:0 4em 4em 0;
  26. width:100%;
  27. box-shadow:-10px -10px 40px white inset;
  28. }

espero que me entiendan , perdon por la poca informacion

Última edición por pzin; 04/03/2016 a las 01:46 Razón: Republicar

Etiquetas: background, color, float, hover, html, rotar, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:36.