CSS | Efecto de imagen dentro de texto

En este video vas aprender como hacer el efecto de imagen dentro de texto utilizando solamente CSS3.
🚀 Blog de Diseño Web:
www.falconmasters.com
⭐ Curso de Diseño Web desde Cero:
www.desarrolloweb.io/cursos/d...
⭐ Curso de PHP y MYSQL desde Cero:
www.desarrolloweb.io/cursos/p...
⭐ Curso de React y Firebase desde Cero:
www.desarrolloweb.io/cursos/r...
⭐ Curso de Bootstrap 5:
www.desarrolloweb.io/cursos/b...
⭐ Curso de Woocommerce:
www.desarrolloweb.io/cursos/t...
---
📄 Código del Proyecto:
github.com/falconmasters/imag...
---
Redes Sociales:
📌 Twitter: / falconmasters
📌 Página de Facebook: / falconmasters

[@aaronvigil8480]

El grandisimo FalconMaster, muchas gracias. Como siempre. Sos de lo mejor en youtube.

[@FalconMasters]

Muchas gracias!

[@ezequielgarcia4609]

Que efecto más bonito, y bien explicado. Muchas gracias

[@JoseFernandez-on2tt]

Gracias por compartir tan sabios conocimientos 🙌

[@marcosgamizrodriguez4097]

Queda genial el efecto! Lo utilizare en el próximo trabajo que tengo sin duda

[@Junior-mo4yr]

Me encanta, muchas gracias por mostrarnos como se hace con mucha paciencia☺

[@gabrielrincon6744]

Brutalitiiiii , súper falcón el mejor

[@RankXer]

¡¡Muy buenoa Falcon Master!!, ¡¡me ha encantado!, gracias por compartir.

[@holgeredudangulocastillo645]

Hwaw 🙂 muchas gracias esto es lo que e estado buscando durante años 👍🏼gracias.

[@luciasanchezok]

Muchas gracias! Me encantó, muy bien explicado 😊

[@FalconMasters]

Muchas gracias!

[@Cris.Carreno]

Gracias por la aportación, SUPER COOL!

[@FalconMasters]

Muchas gracias!

[@lehder-Harold]

FalconMasters, un gran contribuidor en mi carrera como programador, he aprendido mucho en este canal...

[@FalconMasters]

Muchas gracias por compartir esto, me alegra mucho que mis videos te hayan servido mucho!

[@ronitorgh8734]

Esta genial, grande falcon, saludos!

[@4eahs]

Falcon eres el Master de Masters

[@jonathandajome690]

¡Súper cool! 👌

[@dianabulla4642]

Excelente...

[@FernandoPerez-mh8cv]

Excelente!

[@ivantg4572]

Está genial como explicas bro !

[@FalconMasters]

Gracias!

[@angeloalmeida8636]

Hola FalconMaster gracias tus videos siembre me ayudan a mejorar al momento de desarrollar paginas. me surgió una dudas es posible utilizar la metodología BEM en sass?

[@JavierRodriguez-kn3gp]

Gracias hermano, sería interesante poder manipular el borde de la fuente para crear el efecto que obtuviste en el miniatura del video.

[@gimauarich.2753]

Super

[@optimusblue611]

Voy a probar...

[@nachoviani7868]

👏🏻👏🏻👏🏻👏🏻

[@mentedigital1987]

sabes coloque los webkit y el google chrome y edge no muestra el efecto ayuda

[@emilianotruyen6031]

F, yo lo puse asi como dices con el webkit /* -webkit-background-clip: text; */ y si me funcionó junto al transparent //mucho muy importante

[@gerardo8615]

Hola falconMaster será que puedas hacer un video de un buscador funcional

[@Venaber]

Te a cambiado muchisimo la voz. que grande eres

[@FalconMasters]

Crecí

[@AFalken]

Buen tutorial. ¿Como harias ese efecto responsive? Al achicar la pantalla se rompe todo :(

[@jesusalfaro3514]

consulta porque siempre le pones div? porque no trabajarlo con html semantico para aprender

[@jfranz7807]

Hola Carlos, podrías hacer un video de los Eventos Online y Offline de JS e incluirlo en una página? ;) te lo agradecería mucho.

[@FalconMasters]

Hola Jack, lo voy a tener en cuenta para ver si puedo hacerlo. Saludos

[@brisaortiz9827]

Tengo un problema !!! Pongo background-clip: text y no me lo toma, es problema de visual studio code?

[@emilianotruyen6031]

intenta poniendo -webkit-background-clip: text;

[@ramaenelcamino]

Hola, puede ser que hayan quitado y quedado obsoleto el clip??? no me funciona en chrome

[@FalconMasters]

Para que funcione en chrome tienes que usar el prefijo de -webkit- antes de la propiedad clip

[@dragonloboJR]

Bastante cortito y una herramienta que da para harto juego en futuros proyectos!

[@carla_b_]

Gracias ♡(> ਊ

[@AlvaroLopez-we2jt]

Podrias hacer una web con todo lo que exista en html css javascript php y mas? Seria muy bueno.

[@FalconMasters]

Creo que una web así es imposible. Hay muchas cosas de estos 3 lenguajes.

[@camilaalesandratacomedina5130]

El link del código de la página de netflix no funciona :_(

[@rodolfoyanz1094]

Donde esta el codigo

[@yesidcastro408]

Quiero crear algo parecido pero que esta se agregue solo cuando yo genere un nombre diferente

[@Skuaish]

Pues queda muy chulo pero a mi el background-clip: text; no me funciona. ¿Alguna sugerencia?

[@zarcoplay]

Sigue con el video y usa "-webkit-background-clip: text;" tal como se muestra

[@EE-sf6tz]

No tiene nada que ver con este tutorial, pero si tienes que hacer un API con que tecnología harias el backend ¿ laravel y MySQL o node y mongo db ?

[@FalconMasters]

De momento no, pero pronto sacare cursos donde lo enseñare.

[@JavierRodriguez-kn3gp]

Node con la base de datos de tu preferencia, es mi sugerencia

[@mikehurtado4772]

f2f2f2 no es blanco

[@FalconMasters]

No es un blanco puro. Es el color que iba a usar de fondo debajo del hero.

[@mikehurtado4772]

@@FalconMasters Es lo que digo, no es blanco. Blanco roto, quizá

[@user-ku3bk1wv3s]

podes hacerlo con un video?