Como hacer CARD con EFECTO HOVER CSS elegante Y TEXTO ESTAMPADO
En esta ocasión te estaré enseñando como puedes crear un hermoso efecto hover elegante con puro CSS y texto grabado en la página, para que de tal manera lo puedas implementar en lo que es tu pagina web. Todo esto será creado de una manera muy fácil y bien explicada.
😉No olvides → SUSCRIBIRTE Y ACTIVAR LA CAMPANA🔔
💼Recursos del tutorial - DESCARGAR PROYECTO
♦ Proyecto terminado: https://github.com/Magtimus/CARD-con-EFECTO-HOVER-CSS-elegante-Y-TEXTO-ESTAMPADO
🎥¿CON QUÉ SE GRABÓ ESTE VIDEO?
📷CÁMARA:
Panasonic Lumix GH4R
👓LENTE(OBJETIVO):
Panasonic Lumix 25mm F1.7
🔭TRIPODE:
NEEWER 70 inch
🎤MICROFONOS:
Condensador: NEEWER NW-700
Solapa: Rode SmartLav+
🎛INTERFAZ DE AUDIO:
BEHRINGER U-PHORIA UM2
♦Acerca de MagtimusPro
Pagina Web: https://goo.gl/EENS5R
Facebook: https://goo.gl/b43uMg
Instagram: https://goo.gl/KTMrHS
Twitter: https://goo.gl/eSdguk
GitHub: https://goo.gl/WvYTsq
YouTube: https://goo.gl/fMD3XB
Pinterest: https://goo.gl/dpHekf
⌚TIMESTAMPS:
0:00 INTRODUCCIÓN
1:12 ENTENDIENDO EL PROYECTO
2:09 CREANDO LA ESTRUCTURA HTML
5:18 CREANDO LOS ESTILOS CSS
11:17 INSERTANDO LOS ICONOS
15:55 POSICIONANDO TÍTULOS
16:50 CREANDO EFECTO HOVER EN LAS CARDS
20:35 CREANDO EFECTO DESENFOQUE EN TITULOS
26:47 CREADNO TEXTO ESTAMPADO
33:28 PALABRAS FINALES
▪◾◼HASHTAG◼◾▪
#CARD
#HOVER
#CSS
Видео Como hacer CARD con EFECTO HOVER CSS elegante Y TEXTO ESTAMPADO канала VisualAvalon
😉No olvides → SUSCRIBIRTE Y ACTIVAR LA CAMPANA🔔
💼Recursos del tutorial - DESCARGAR PROYECTO
♦ Proyecto terminado: https://github.com/Magtimus/CARD-con-EFECTO-HOVER-CSS-elegante-Y-TEXTO-ESTAMPADO
🎥¿CON QUÉ SE GRABÓ ESTE VIDEO?
📷CÁMARA:
Panasonic Lumix GH4R
👓LENTE(OBJETIVO):
Panasonic Lumix 25mm F1.7
🔭TRIPODE:
NEEWER 70 inch
🎤MICROFONOS:
Condensador: NEEWER NW-700
Solapa: Rode SmartLav+
🎛INTERFAZ DE AUDIO:
BEHRINGER U-PHORIA UM2
♦Acerca de MagtimusPro
Pagina Web: https://goo.gl/EENS5R
Facebook: https://goo.gl/b43uMg
Instagram: https://goo.gl/KTMrHS
Twitter: https://goo.gl/eSdguk
GitHub: https://goo.gl/WvYTsq
YouTube: https://goo.gl/fMD3XB
Pinterest: https://goo.gl/dpHekf
⌚TIMESTAMPS:
0:00 INTRODUCCIÓN
1:12 ENTENDIENDO EL PROYECTO
2:09 CREANDO LA ESTRUCTURA HTML
5:18 CREANDO LOS ESTILOS CSS
11:17 INSERTANDO LOS ICONOS
15:55 POSICIONANDO TÍTULOS
16:50 CREANDO EFECTO HOVER EN LAS CARDS
20:35 CREANDO EFECTO DESENFOQUE EN TITULOS
26:47 CREADNO TEXTO ESTAMPADO
33:28 PALABRAS FINALES
▪◾◼HASHTAG◼◾▪
#CARD
#HOVER
#CSS
Видео Como hacer CARD con EFECTO HOVER CSS elegante Y TEXTO ESTAMPADO канала VisualAvalon
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Como hacer login / Register estilo Material Design | HTML5 - CSS3 - JQUERY | Sección5](https://i.ytimg.com/vi/0_VXzb4v4gU/default.jpg)
![Cinco(5) frases que te ayudaran a ser mejor persona - cada día](https://i.ytimg.com/vi/dzvx4APpcqE/default.jpg)
![Como hacer login / Register estilo Material Design | HTML5 - CSS3 - JQUERY | Sección1](https://i.ytimg.com/vi/m3PYO-mNA-Y/default.jpg)
![Pagina web para GRANJA || TemplateMonster](https://i.ytimg.com/vi/VG-eFivwa-A/default.jpg)
![Curso de Visual FoxPro 9.0 | Parte5 | #MagtimusPro](https://i.ytimg.com/vi/WtMrZ21vMq4/default.jpg)
![Presentación Yover Rosado(Baster Joy) || Diseñador](https://i.ytimg.com/vi/qsVgdJsEH0c/default.jpg)
![Como hacer login / Register estilo Material Design | HTML5 - CSS3 - JQUERY | Sección3](https://i.ytimg.com/vi/hsifd6J_Bgw/default.jpg)
![SELECTOR CSS QUE DEBES CONOCER "nth-of-type"](https://i.ytimg.com/vi/Aw2-W7WjZvI/default.jpg)
![Como hacer EFECTO REFLEJO 😍 con puro CSS | Paso a paso MUY FÁCIL](https://i.ytimg.com/vi/h2S2Zkm7utU/default.jpg)
![¡Increíbles 😲! TARJETAS ANIMADAS | HTML - CSS | 2019 | MagtimusPro](https://i.ytimg.com/vi/MmBYo7rYqSo/default.jpg)
![Como reducir PESO de una IMAGEN un 100% - 2019 || MagtimusPro](https://i.ytimg.com/vi/9pLifR77T2I/default.jpg)
![Como hacer Web Modular | Tabs | Html5 - Css3 - Jquery | Parte°2](https://i.ytimg.com/vi/jEy9Y-4nDsc/default.jpg)
![Como hacer Web Moderna solo con HTML - CSS - JS y PHP |Parte 2| Desde cero](https://i.ytimg.com/vi/XLETr-UpkiM/default.jpg)
![Como subir tu PAGINA WEB a INTERNET || MagtimusPro](https://i.ytimg.com/vi/5vyw2XRmstY/default.jpg)
![Aprende a crear un Mockup 3D de una página web](https://i.ytimg.com/vi/_z4vlHDkWN0/default.jpg)
![Como hacer efecto Parallax con 5 líneas de códigos - HTML, CSS y JS](https://i.ytimg.com/vi/YcU_unu4wak/default.jpg)
![Como hacer una LANDING PAGE con PURO CSS](https://i.ytimg.com/vi/mCfEOHhaxFA/default.jpg)
![Como hacer un HEADER y PORTADA ANIMADA con HTML - CSS - JS | MagtimusPro](https://i.ytimg.com/vi/PdoI-EgT4k4/default.jpg)
![Tarjetas con EFECTO MORFISMO de vidrio con HTML y CSS](https://i.ytimg.com/vi/zQZOOCHTP0s/default.jpg)
![✅TEXTO CON DEGRADADO CON CSS](https://i.ytimg.com/vi/70--E1BqHxw/default.jpg)
![Tarjetas CSS con efecto HOVER PARALLAX](https://i.ytimg.com/vi/JGDeOEb-uis/default.jpg)