Css Image Hover Effects - Pure Css Tutorial - How To Create Image Hover Overlay Effects 

New Responsive CSS 3D Image Hover Effects Watch This : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HHqBS7xFnPM.html

Wow you are amazing! I was nothing in HTML and CSS but now I am something :) Thanks!

Thank you so much !

Speechless!!!!!!!!!!!!! well done

What an awesome tutorial is this. thanks a lot.

Seen the same fx done with JS ...10 times more codes! CSS in the right hand is pretty amazing!!!

Brilliant. Thank you.

This video honestly helped me loads.

An Absolute Brilliant Tutorial. THANK YOU VERY MUCH Online Tutorials. You have a new subscriber.

Thanks a lot! Great tuto@@!!

Hi, It's great to see your 24k subscriber in a short time. These videos you share with us, are very helpful and very easy to understand. Keep it up bro :). I would like to see 50k subscriber in this channel soon.

OMG!!!!!! It's work. great tutorial.......

Awesome video thanks :) I would have liked to hear you walk through the process though.

fantastic bro. thank you

Great! Didn't imagine simple CSS could this much. Makes me rethink if JS is even necessary for complex elements.

Wonderful Thanks!

You are great my friend wow increduble

very nice tutorials

Sir bohot bohot beautiful sir

So simple thank u ;)

Excellent video bro. It's really appreciated.

You are awesome brother , thank you

Followed the video and was great !! - Thanks : Worked perfectly !!! - I found the larger the image the better

PERFECT

Hey, men. Thanks a lot!

thank you so muchhh!

Perfect 👏🏿

Thank u very much . U are great

Thanks Very cool super

Sir your videos are great

Excellent!

Thank you!!!

thank u very much for you video

i recomended unstead: .container{ width: 100%; margin: 70px auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } TO SEE THE PAGE ON TABLET AND SMARTPHONES

thank you soooo much you are asooome

thanks very much for this useful video thankss

Superb he has taken uncountable div

very nice awosame fantastic bro

superrrbbbb thanks a lot.....

Nice tutorial 👍

Tysm sir u r the g8 man

thank you sir!

Very nice video really helpfull

Thanks, I can now do my project 😂

thanks a lot

thanks for help

Nice work Keep it up brother

First like First Comment :)

This helps thank you for the vid!

Nice u r gr8

Thanks :D

Great content! One question: what were the dimensions of your select photos? I've dabbled and found that the max-width @ 100 wasn't sufficient on my end.

Thank you the help. I really appreciate it.

after the adding of this effect css dropdown link effect hide inside the image, ans it if you have soluton.

hi when i create yellow box and when wanted to insert image it becomes vertical when type this line of code in 13.46 HTML FILE oL .css file body { margin:0; padding:0; background:#262626; font-family:sans-serif; } .container { width:1280px; margin:70px auto 0; display : flex; flex-direction:row; flex-wrap:wrap; } .container .box { position: relative; width: 300px; height: 300px; background: #ff0; margin: 10px; box-sizing:border-box; display:inline-block; } .container .box .imgBox { position:relative; } .container .box .imgBox { max-width:100%; transition:transform 2s; } .container .box:hover .imgBox img { transform:scale(); } Can you tell my error.

Great video, helped me a lot. Thank's man, keep it up !

6:45 didn't work for me, as the image was rectangular but the box was only square. I recommend instead .... img{ object-fit: cover; width: 300px; height: 300px }. That should do the trick.

this one I could do only own xD

how can I put content on the top? please answer my question, thanks!!

Can i make them mobile compatible or can i use bootstrap on the entire pics ?

Gaesssss gammarana pidiona wkakwkkakak

Bro please upload more video on full website design

Love the video, only thing is up until adding first image, it won't fill entire div itself, only fills half of it, please help with this.

Can you do part 2, when we click on the image that image will appear in front in full screen and "x" button to close the preview? With js, without jquery?

Please do a image tagging like a Facebook tutorial 🙏

You have my subscription bro! i have learnt so much with just two videos i have watched so far and intend watching more. however, i still have a question sir. There's a big problem, though could be small for you to solve, the whole stuff is not responsive. so how can you make them responsive to befit any device? please help

Hi,Thanks a lot. I have some questions; _Are you working with html5 and css5? _What is the name of app you work with?

sir plz make video on mega menu.....

whats the size of images used?

the backgroun music is very nice.. please give a download link for this music..

What is I didn't understand

my image doesn't fit on box, how to modify it?

responsive version ?

👍👍👍

What editor are you using?

Which editor are you using to write codes?

What's the name of music?

Where I can get this code Please provide me link

Why the image didn't work? It's always exceeds to the yellow box? And when I put the information all the boxes will go down

What soft ware is that? with orange S logo? u using?asap please

Please add responsiveness to videos would be very helpful

Sir will you send that css and html

I tried using this on my website. However, I have one question. How do I add media query to this code? which one should I change?

I have the picture in the square, but the picture doesn't fully cover the square. why is that?

can someone tell me how I can do this effect but with 9 boxes, 3 boxes each row?

if *6:45* doesnt work for you too just do max-width:100% and height:100%; becuase we didnt mentioned height so it did auto so if we mention height:100% it will cover the whole div

no codepen, nice

Bhai konsa notepad use karte ho

Please suggest me how to make this page responsive...

Nice tutorial man! Thank you! What is the name of the song? I have a taste for music with a bit morbid it relaxes my brain

Can i use atom text editor plz tell

one thing is that if you removed or decreased the p text it will not be centered anymore.

How do i set all the images to same size ?? As my images are not of same size and the background color is visible.

are all your images the same size? mine are not so they are not fitting in the boxes

please make how to link html in php

Any one having problems keeping this responsive? I dont want the text to move when I resize the viewport. I could use media queries but I would to do a media query every other pixel haha! Any ideas?

can i Get The Source Code...

what is the name of music

Why it didn't work on me :(

hii, can I get this code plzz