Aprende Efectos CSS3

Aprende a crear efectos CSS3 atractivos con pseudo-clases y pseudo-elementos. Mejora el diseño de tu sitio web y atrae más visitas.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

In this course, you'll dive into creating stunning CSS3 effects from the ground up. It’s beginner-friendly—no need to be an expert in HTML or CSS. You’ll learn useful tricks that’ll make your website stand out and improve user experience. Let’s get funky with those effects!

Key Points

  • Define visually appealing effects using pseudo-classes and pseudo-elements.
  • Create a variety of CSS3 effects from scratch for your website.
  • No advanced HTML or CSS knowledge required.
  • Understand how to enhance user experience and increase site retention.
  • Learn essential techniques for designing custom effects.

Learning Outcomes

  • Master the use of pseudo-elements and pseudo-classes.
  • Design and implement your own custom effects.
  • Understand the basics of CSS animation.
  • Choose effective colors for your effects.
  • Create engaging shadow and border effects.

About This Course

Aprende a definir efectos muy interesantes y visualmente atractivos con el uso de pseudo-clases sobre pseudo-elementos,

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 :)

  • Diseñar sus propios efectos

  • Saber implementar animaciones sobre elementos html

  • Entender el funcionamiento de las pseudo-clases

Instructor

Profile photo of Jose Javier Villena
Jose Javier Villena

Soy un apasionado de la programación en varios lenguajes. Actualmente soy Tutor Premium para CodigoFacilito (canal de programación en castellano con más suscriptores del mundo - 630k), tambien he participado en la Comunidad de Platzi y tengo experiencia como Redactor para Cristalab (portal de artículos escritos sobre tecnología más grande del mundo en español) y además he impartido cursos como...

Review
4.9 course rating
4K ratings
ui-avatar of Daniel José Picado Picado
Daniel J. P. P.
4.0
4 years ago

Me ha gustado mucho este pequeño curso introductorio, me sirve para analizar y comprender más la parte que juegan los CSS en el diseño. Gracias.

  • Helpful
  • Not helpful
ui-avatar of Jose Tzec
Jose T.
5.0
5 years ago

Muy buenos efectos , con una explicación tan sencilla que es fácil seguir el curso sin perderse de nada,
es excelente.

  • Helpful
  • Not helpful
ui-avatar of Jhonnatan David Barrera Baquero
Jhonnatan D. B. B.
5.0
6 years ago

una muy buena explicación lenguaje fácil de entender y muy fácil de practicarlo

  • Helpful
  • Not helpful
ui-avatar of César Alonso Gorgorita González
César A. G. G.
4.0
6 years ago

bueno para quienes no tienen idea, el profesor explica bien y se da a entender.

  • Helpful
  • Not helpful
ui-avatar of Gabrielle Garcia
Gabrielle G.
5.0
6 years ago

Excelente ya he tenido la oportunidad de ver otros cursos con este instructor y de verdad que la calidad no cambia y es muy buena la explicación 5 estrellas

  • Helpful
  • Not helpful
ui-avatar of Clara Isabel Porras Crevillén
Clara I. P. C.
5.0
7 years ago

Me ha encantado como todos los que he visto hasta ahora del instructor.
Quizás un ritmo un poco rápido, mientras él habla hay que escribir y la letra de su "notepad" es pequeña, me cuesta seguirlo por mi problema visual, pero bastante bien.

  • Helpful
  • Not helpful
ui-avatar of Roger N. Castellón
Roger N. C.
5.0
7 years ago

Bendiciones Jose, muy buena enseñanza aprendí cosas que no sabia, saludos desde Nicaragua.

  • Helpful
  • Not helpful
ui-avatar of Oscar Vaquero García
Oscar V. G.
4.5
7 years ago

Un curso fantástico para iniciarse en los efectos de CSS3.
Explicaciones muy claras y concisas.

  • Helpful
  • Not helpful
ui-avatar of Diego Sebastian Markiewicz
Diego S. M.
5.0
7 years ago

Me gusto mucho, por ahi estaria bueno empezar con los efectos mas sencillos al principio e ir incrementando la dificultad despues, pero asi y todo me gusto mucho

  • Helpful
  • Not helpful
ui-avatar of Jesús Viudez Castaño
Jesús V. C.
3.5
7 years ago

El profesor se explica muy bien.
Para mi gusto incluye demasiada publicidad en los videos.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses