Clip an image to text with CSS

Clip an image to text with CSS

Kevin Powell

5 лет назад

74,986 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@clevermissfox
@clevermissfox - 27.11.2023 13:35

Is there a backup if your image link breaks? The colour is transparent so if theres no image it will be invisible?

Ответить
@clevermissfox
@clevermissfox - 22.09.2023 12:33

I’m so lost when it comes to clip paths other then their default states. Hopefully by the end of this video I’ll have a clue

Ответить
@ricardocedaro7316
@ricardocedaro7316 - 19.08.2023 19:16

Hi Kevin, first of all great tutorial as usual. Question: why are you using -webkit-backgroud-clip?. Thank you

Ответить
@SJ-qr4eb
@SJ-qr4eb - 12.07.2023 10:57

Man you are a legend 🤝

Ответить
@coders-rabbi
@coders-rabbi - 06.07.2023 11:24

Really good

Ответить
@napoleonmila
@napoleonmila - 04.04.2023 16:59

Thanks Kevin, keep doing videos like this!!!!

Ответить
@sgt.powerpuff3107
@sgt.powerpuff3107 - 24.02.2023 12:17

Hey Kevin! really cool trick here again. I'm wondering if this would work with a video as a background too? I browsed through the comments a bit but couldn't find anything, sry if this is already answered.

And by the way... it's actually friday so how cool is that :)
have a good one, cheers

Ответить
@stevecrabtree9141
@stevecrabtree9141 - 26.12.2022 20:02

Cool video

Ответить
@Risha1792
@Risha1792 - 14.12.2022 00:53

Awesome! I wish I new it 3 years ago when I failed similar to this task at my job and asked a designer to come up with another visual solution.

Ответить
@owenadu6621
@owenadu6621 - 07.12.2022 04:32

How do you get to know these stuffs???

Ответить
@kvncnls
@kvncnls - 02.10.2022 02:19

Can you do this with videos in the background?

Ответить
@abhishekwebdeveloper
@abhishekwebdeveloper - 25.08.2022 22:30

Please make video on css mask image

Ответить
@tworsfeline2302
@tworsfeline2302 - 05.05.2022 06:38

Thanks

Ответить
@jerzycrypto1941
@jerzycrypto1941 - 02.05.2022 04:09

Thank you from 2022 2th 5

Ответить
@damascuscode
@damascuscode - 05.04.2022 16:50

This is awesome. Can you do this with say a png or svg graphic?

Ответить
@obscurecult
@obscurecult - 17.09.2021 01:12

Hey Kevin, bro. Can I rotate the background image?

Ответить
@aileenchan3741
@aileenchan3741 - 29.06.2021 01:47

Cool video! Thanks for teaching this. Would you say -webkit-background-clip is still in use? And, is this the same way to add a moving image? I will try it. 😀

Ответить
@bharatkumar048
@bharatkumar048 - 11.04.2021 21:40

Could you please tell me how can I set text-shadow with other colors on this text?

Ответить
@Stef-an
@Stef-an - 11.04.2021 15:33

Thanks a lot for the trick, quick and painless video :)

Ответить
@jenniferward6821
@jenniferward6821 - 06.04.2021 08:18

Next child is called Kevin

Ответить
@jhred3315
@jhred3315 - 09.03.2021 11:39

You always explain the theory clearly. That is why I feel so comfortable with your video. Thank you Keven!

Ответить
@joeldcanfield4282
@joeldcanfield4282 - 29.01.2021 20:01

I miss 5-Minute Fridays. Came back to this one 'cause I finally need to do this.

Ответить
@birdbrainsolutions6112
@birdbrainsolutions6112 - 16.12.2020 00:11

Thank you so much! I would subscribe, but I see I already subscribed long time back :)

Ответить
@chaitanyajharbadem-1740
@chaitanyajharbadem-1740 - 07.11.2020 11:43

Thanks for giving amazing idea and font too looking for that type font from too long

Ответить
@fastinoclement3312
@fastinoclement3312 - 18.09.2020 18:03

Great video, thanks

Ответить
@zetazeta1422
@zetazeta1422 - 19.05.2020 14:37

Great tip!! Unfortunately it's not working for me on iOs, although it is on desktop :( Any ideas?? 🙏🙏🙏

Ответить
@alexanderjesuraj7004
@alexanderjesuraj7004 - 15.04.2020 18:41

thankyou bro.

Ответить
@y.5107
@y.5107 - 14.02.2020 19:14

how to make sure the picture that you pick has the right width if you dont know the text length?

Ответить
@richbaker8211
@richbaker8211 - 24.11.2019 05:06

Learning so much from your channel! Thank you!

Ответить
@syediqbalahmed3176
@syediqbalahmed3176 - 07.10.2019 13:12

nice ...

Ответить
@joeldcanfield4282
@joeldcanfield4282 - 05.08.2019 06:54

Ha! The things that look the hardest can be so easy, and the things clients think are so easy never are.

Ответить
@techwake360
@techwake360 - 29.07.2019 09:27

awesome tricks

Ответить
@upsylondeveloppement8837
@upsylondeveloppement8837 - 26.05.2019 09:08

Thanx great ! ;-) But it's seem don't with local image and video ( for test for me ) only with web images ... strange :-/

Ответить
@videocasetteTV
@videocasetteTV - 09.05.2019 17:14

Awesome, how can I clip a video instead of image

Ответить
@patrickc.6183
@patrickc.6183 - 07.05.2019 23:15

I love it! Awesome tips Kevin, keep going!!!

Ответить
@A_Lesser_Man
@A_Lesser_Man - 25.04.2019 19:29

very cool!

Ответить
@Luxcium
@Luxcium - 20.04.2019 06:25

Can I get a refund because it was less than 5 minutes 😜 🔥

Ответить
@JalalKhan-br3ld
@JalalKhan-br3ld - 14.04.2019 20:52

the last moment when you gona stop recording hmmmm...huge love from polland...five minute friday...

Ответить
@mdadnaniht9285
@mdadnaniht9285 - 13.03.2019 21:28

Excellent tutorial

Ответить
@umarsandaahmed9160
@umarsandaahmed9160 - 09.02.2019 19:05

thnx so much for this infact ur not powell bt power am so proud of you bro , i will like to ask one thing can i can the image that i have in my html ,bcs i try bt i don't maket it sir i wi ll like to0 explain more

Ответить
@iliankarasimirov9685
@iliankarasimirov9685 - 24.11.2018 17:49

Thanks!

Ответить
@niteshkhatri88
@niteshkhatri88 - 24.11.2018 08:13

Really good idea. Thanks for sharing this tutorial.

Ответить
@jdnealious3124
@jdnealious3124 - 10.11.2018 02:46

How cool!

Ответить
@nickgreen4336
@nickgreen4336 - 09.11.2018 01:46

Thought it should be much harder 😵 Thanks, Kevin. I like your channel, keep it up! 😉

Ответить
@t20sgrunt36
@t20sgrunt36 - 23.10.2018 04:37

I wish it were this easy with a video background.

Ответить
@TheElkster
@TheElkster - 22.10.2018 23:43

You are amazing! Love your channel! Love your videos! Very clear, very relevant and easy to follow!!! Thank you for your contributions!!! 😉

Ответить