1 Line Pure CSS Reflection Tutorial

Подписаться 110 тыс.

Просмотров 10 тыс.

50% 1

In this video I show you how to create a reflection with Pure CSS. The best thing about that is, that it will only use 1 line of CSS to achieve this effect! The remaining stuff is teaching you how to create a CSS background that looks like a photography studio!
I hope this reflection tutorial will teach you some awesome CSS magic!
JOIN MY DISCORD SERVER ► / discord
FOLLOW ME ON INSTAGRAM ► / developerfi. .
CHECK ME OUT ON GITHUB ► github.com/Fil...
INQUIRIES AND COLLABORATIONS ► grebowskifilip@gmail.com
WATCH MORE OF MY VIDEOS ►
► Portfolio Pure CSS Scroll Snapping Tutorial • Portfolio Pure CSS Scr...
► Web Developer Reacts LATEST • Web Developer Reacts t...
► Perfect your Resume/CV • How to CREATE the PERF...
► I Built my DESK! • Building my Minimalist...
► Get Hired as a Software Developer • HOW TO get $100,000+ S...
► Best Chrome Extensions for Developers: • BEST Chrome Extensions...
► Reacting to Incredible Personal Websites: • Web Developer Reacts t...
MUSIC BY ► @epidemicsound
#developer #tutorial #webdev

Опубликовано:

19 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

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

@AryanSingh11 3 года назад

That's Awesome ... You have done value addition

@developerfilip 3 года назад

Thanks!

@Ricky-jr7io 3 года назад

I am just starting out with web development and I hope I can be as awesome as you.

@mdfahadalfaisal8100 3 года назад

quick tip: if you write div.top it'll be auto typed as

@divashgupta5871 3 года назад

quick tip : if you write .top it'll be auto typed as

@shreyashsinha9389 3 года назад

i guessed it right in the community post 😀😀 btw very nice tutorial

@didiermunezero4089 3 года назад

You're killing me with your videos. Your tutorials are simply magic as you say.

@zholaman9010 3 года назад

Awesome 👌 your videos 👍👌 I'm from Uzbekistan I'm fond of you

@developerfilip 3 года назад

Thanks!!

@MultiBrick1000 3 года назад

I love your energy Filip! It's a pleasure to share a name with you! :D Love from Poland

@sago27 3 года назад

Dude,make a playlist for css. And love your content 🔥🔥

@bbnxscorpion8083 3 года назад

tou re really a magician

@huzaifa5361 3 года назад

Thank You for such a great tutorial❤❤

@cesarduarte9313 3 года назад

Love it! Its amazing how simple can get if you understand css..

@pranabroy8218 3 года назад

Provide more tutorial like this. Much appreciated, great video

@NNNedlog 3 года назад

Thanks Filip

@hicham9619 2 года назад

love you from morocco ❤️❤️🇲🇦🔥

@ProgrammingwithShahan 3 года назад

Awesome

@kamalmachani 3 года назад

I am just imaging the amount of time it might have taken behind the screen, to get those pixels exactly like he wanted 😅🤭

@cdey3886 3 года назад

nice and understandable video. Good quality Thanks Filip

@dylang6267 3 года назад

Woah this was cool

@indian_designer 3 года назад

That's an amazing trick

@Asuuri 3 года назад

Awesome!! This looks soo cool Filip!!

@shashwatdixit8543 3 года назад

Broo that's some real cool stuff!!

@Daruuu-MR_Some_Who 3 года назад

Swietny Tutorial Dzieki !

@gangstergiirl 3 года назад

please make more tutorials! this one was awesome :D

@Furentsu 3 года назад

Learning a lot here, thank you! :D

@priyan_shusingh 3 года назад

Bro, please start teaching. Create a course for us. Please🙏

@developerfilip 3 года назад

Will do!

@rizaldycesarquimno6164 3 года назад

Thank u bro! Make more tutorials!

@iscreenager4098 3 года назад

Pls make such video🙏🙏

@vijaysuriya6179 3 года назад

I love your videos . Keep posting ❤️

@developerfilip 3 года назад

Thanks!!

@monophobia542 Год назад

what if we put imageWrapper into top container?Give the top container position relative and imageWrapper to position absolute,the image will be stay together with the box,I guess.Am I right? Btw,I love all of your content.

@camdenmiller7127 3 года назад

What if i wanted the table to move but the reflection to change its opacity based on the location of the table

@priyadharshini1802 3 года назад

How to make a website mobile responsive... Plz make a video ..

@gambo2003 3 года назад

Nice content thanks a lot

@pollettoimpanato 3 года назад

What’s the extension u used for the icons near filenames?

@andrewaghoghovwia1948 3 года назад

Nice content... please what's the different between width:100% and 100vw?

@developerfilip 3 года назад

100% covers the whole width of the parent container. 100vw covers the width of your physical device screen :)

@definty 3 года назад

It would look nice witha little blur on aswell!

@user-jr5ky9lv6g 3 года назад

To make a div with class called top you just need to print - .top- and press tab

@jozsefszabados1183 3 года назад

Sometimes I just wonder what if You and @Clever Programmer -Rafeh Qazi, drop a Course or make a WebDev company. I think you guys are like Messi & Ronaldo on RU-vid. F*cking awesome!🚀🚀🚀⚡🤟

@developerfilip 3 года назад

Oh man I wish I could be as proficient as him! Also my subs are nowhere near to his! Lol