4 de 5
4
669 valoraciones en Udemy

Aprende Efectos CSS3

Aprende a definir efectos muy interesantes y visualmente atractivos con el uso de pseudo-clases sobre pseudo-elementos,
Profesor:
Jose Javier Villena
7.262 Estudiantes apuntados
Spanish [Auto-generated]
Diseñar sus propios efectos
Saber implementar animaciones sobre elementos html
Entender el funcionamiento de las pseudo-clases
Saber usar los pseudo-elementos en la creación de efectos

En este videocurso sobre efectos CSS3 para tu sitio web verás cómo desarrollar desde cero una gran gama de efectos que logran en tus proyectos un aspecto más llamativo destacando del resto de páginas web.

No necesitas tener grande conocimientos de html ni de css, todo lo que es necesario se analiza en el curso, solo tienes que contar con algún editor de texto y… !! ganas de practicar !!

Verás que es muy sencillo y a la vez necesario. Durante todo el curso veremos cómo cambiar el aspecto de un elemento jugando con sus pseudo-elementos (after y before) y sus pseudo-clases (principalmente hover), así que en cada ocasión daremos diseño a propiedades diferentes, pero en todos los casos el patrón será el mismo, fácil de aprender. Si te dedicas al desarrollo web, o quieres hacerlo, tendrás que saber que el tiempo de permanencia en un sitio web es muy importante, y algo que hace que éste aumente es el aspecto visual del contenido, y cuán agradable sea la experiencia de usuario cuando interactua en tu página. Por eso, saber combinar bien estos efectos e integrarlos junto con el resto de elementos dará más fuerza a tu web. Es algo similar a decorar un buen plato, no es que vaya a estar más rico, pero sí tendrá mejor aspecto, llamará más la atención, recibirá más visitas y tú tendrás más fama de buen “cocinero” web.

Aprenderás entre otras cosas:

  • Técnicas de camuflaje sobre los efectos.
  • Uso de pseudo-elementos
  • Uso de pseudo-clases
  • Qué tener en cuenta para elegir los colores de algunos efectos
  • Efectos en Sombras
  • Efectos en Bordes

Este curso sienta las bases fundamentales de la animación con CSS, algo más avanzado, por eso éste es el curso ideal para iniciarse en los efectos CSS, y por eso quiero que sea gratis, para que pruebes qué te parece este área del desarrollo web antes de decidir si quieres dar un salto adelante con animaciones keyframes u otros temas. Seguro que tras este curso serás capaz de crear tus propios efectos 🙂

Introducción

1
Introducción

Conocimientos Previos

1
Qué es un pseudo-elemento
2
Que es una pseudo-clase
3
Técnicas de Camuflaje

Camuflaje por Color

1
Triángulo Lateral
2
Triángulo Fijo

Camuflaje por Tamaño

1
Esquina de Página

Camuflaje por Transparencia

1
Sombra Fija

Efectos en Sombras

1
Sombra Difuminada
2
Sombra Radial
3
Sombra Externa
4
Sombra Interna

Efectos en Bordes

1
Iluminación
2
Resalte de Borde
3
Borde Interno
4
Expansión de Borde
5
Recogida de Borde
6
Redondeado de Esquinas
7
Borde Inferior - MENUS

Conclusión

1
Conclusión
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4
4 de 5
Calificaciones 669

Calificación Detallada

5 estrellas
401
4 estrellas
183
3 estrellas
64
2 estrellas
16
1 estrellas
5
6bf6c3b684abe1e909e56980738ac906
DEBES ESTAR REGISTRADO PARA ACCEDER AL CURSO

Contenido

2 horas de video online
Acceso sin limites
Acceso desde Móvil y Smart TV
Certificado de finalización

Newsletter