1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Tutorial Puro CSS! Efectos con CSS3! Muchos!

Tema en 'Tutoriales de HTML y CSS' comenzado por KaoruMishimaru_20, 7 de Septiembre de 2015.

  1. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    419
    Me gusta recibidos:
    259
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
    [​IMG]

    Puro CSS!

    Les voy a contar una historia :D

    ●▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬●

    Hoy por la noche, estaba en busca de un buen hosting, ¡Lo encontre! Fin... Na! Termine de hacer eso y ya no sabía que mas hacer, así que dije: "Vamos a publicar en HeroesDeLaWeb". Lease con vos chillona (Tengo angina :()

    Bueno sin mas que decir:

    Demo Codepen
    Descarga
     
    A angiee992, daniel.Es y AngelKrak les gusta esto.
  2. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    419
    Me gusta recibidos:
    259
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
    Che, mil disculpas que sea tan corto, pero ando sin tiempos, y como siempre no me deja crear temas con mas de 1000 caracteres. Si no publicaba el codigo entero.
     
  3. Maddenamy

    Maddenamy Miembro conocido

    Se incorporó:
    9 de Enero de 2015
    Mensajes:
    816
    Me gusta recibidos:
    427
    Puntos de trofeos:
    63
    Ocupación:
    Estudiante
    Localización:
    México
    Página web:
    Oshe muy bien!!
     
  4. AngelKrak

    AngelKrak Miembro conocido

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    940
    Me gusta recibidos:
    358
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    *o* stan geniales, pero los que mas me gustaron fue el Ventana Modal con :target y Efecto hover en div, esos quedaron geniales ;) (Y)
     
  5. gammafp

    gammafp
    Moderador
    Miembro del Equipo

    Se incorporó:
    12 de Enero de 2015
    Mensajes:
    762
    Me gusta recibidos:
    312
    Puntos de trofeos:
    63
    Género:
    Hombre
    Gracias por tu tutorial, me encanta que los efectos sean en CSS3 ¡ME GUSTAN! y espero con ansias el tutorial de slideshow, pero te retaría y te diría que lo hicieses solo con javascript puro.
     
    A KaoruMishimaru_20 le gusta esto.
  6. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    419
    Me gusta recibidos:
    259
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
    Tengo tres Slideshows.
    1. FullScreen
    2. Slideshow de articulos
    3. Slideshow normal.

    Todos son manuales. Osea, que no son automaticos :) Gracias por tu comentario! Y en dos días ya subo todo eso jojo

    Enviado desde mi GT-S5301L mediante Tapatalk
     
  7. FalconMasters

    FalconMasters
    Administrador
    Miembro del Equipo

    Se incorporó:
    6 de Enero de 2015
    Mensajes:
    392
    Me gusta recibidos:
    315
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    Diseñador Web
    Página web:
    Muchas gracias por el aporte estan geniales las animaciones!
     
    A KaoruMishimaru_20 le gusta esto.
  8. CG21Editor

    CG21Editor Miembro

    Se incorporó:
    3 de Septiembre de 2015
    Mensajes:
    121
    Me gusta recibidos:
    16
    Puntos de trofeos:
    18
    Género:
    Hombre
    Eres Un Grandisimo Amo!
    Muchas Gracias!
     
  9. CG21Editor

    CG21Editor Miembro

    Se incorporó:
    3 de Septiembre de 2015
    Mensajes:
    121
    Me gusta recibidos:
    16
    Puntos de trofeos:
    18
    Género:
    Hombre
    A KaoruMishimaru_20 le gusta esto.
  10. Maddenamy

    Maddenamy Miembro conocido

    Se incorporó:
    9 de Enero de 2015
    Mensajes:
    816
    Me gusta recibidos:
    427
    Puntos de trofeos:
    63
    Ocupación:
    Estudiante
    Localización:
    México
    Página web:
    Para ello debes usar CSS con la propiedad "font-family: sans-serif;"
    El sans-serif lo cambias por la fuente que deseas.
    Y puedes subir tu propia fuente, o el amo Google te da varias opciones; Puedes verlas en www.google.com/fonts
     
    A KaoruMishimaru_20 le gusta esto.
  11. CG21Editor

    CG21Editor Miembro

    Se incorporó:
    3 de Septiembre de 2015
    Mensajes:
    121
    Me gusta recibidos:
    16
    Puntos de trofeos:
    18
    Género:
    Hombre
    Sisi Gracias Es Que Lo Eh hEcho Pero No Recuerdo Bien Y Pues Acabo De Empezar En Este Levo Uno Mes.
     
    Última modificación por un moderador: 9 de Septiembre de 2015
    A KaoruMishimaru_20 le gusta esto.
  12. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    419
    Me gusta recibidos:
    259
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
    @CG21Editor Para ser exacto. Use Google Fonts y use la fuente Oswald. El tamaño de la fuente sería de 3em.
     
    A AngelKrak le gusta esto.
  13. CG21Editor

    CG21Editor Miembro

    Se incorporó:
    3 de Septiembre de 2015
    Mensajes:
    121
    Me gusta recibidos:
    16
    Puntos de trofeos:
    18
    Género:
    Hombre
    Subelo A Otro Sitio Web.
    MEGA Me Gusta Pero Quiere que Descarge Su Setup:/
     
  14. CG21Editor

    CG21Editor Miembro

    Se incorporó:
    3 de Septiembre de 2015
    Mensajes:
    121
    Me gusta recibidos:
    16
    Puntos de trofeos:
    18
    Género:
    Hombre
  15. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    419
    Me gusta recibidos:
    259
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
    @CG21Editor Pero tenes la opción de descargar por el navegador.
    [​IMG]
     
  16. Maddenamy

    Maddenamy Miembro conocido

    Se incorporó:
    9 de Enero de 2015
    Mensajes:
    816
    Me gusta recibidos:
    427
    Puntos de trofeos:
    63
    Ocupación:
    Estudiante
    Localización:
    México
    Página web:
    Pero igual lo puedes descargar de codepen
     
  17. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    419
    Me gusta recibidos:
    259
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
  18. CG21Editor

    CG21Editor Miembro

    Se incorporó:
    3 de Septiembre de 2015
    Mensajes:
    121
    Me gusta recibidos:
    16
    Puntos de trofeos:
    18
    Género:
    Hombre
  19. Dawud

    Dawud Miembro Activo

    Se incorporó:
    4 de Abril de 2016
    Mensajes:
    210
    Me gusta recibidos:
    155
    Puntos de trofeos:
    43
    Género:
    Hombre
    Ocupación:
    Estudiante
    Localización:
    Villahermosa, Tabasco
    Que buenas animación distes, se ven bien felicidades, me gustaron de los botones, la de ventana modal y los que siguen ... SAludos
     
    A KaoruMishimaru_20 y AngelKrak les gusta esto.
  20. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    419
    Me gusta recibidos:
    259
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
    Gracias!
     

Comparte esta página