Great tutorial, thanks so much 👍🏻 May I ask, is there a way for making the overlay half? And then on top of that also half another color or a color transparency?
Hi Great turorial! thnx helped out a lot. maybe for the next time: level the intro/outro sound some lower BC your mic volume is low and the intro/outro are pretty high. but still great tutorial !
Easy and to the point! Thanks for this video :) I do have a question, is there any way to increase the spaces between the rows and columns in a uniform manner? should i use ?
Thnx a lot for giving tutorial.. But i have a problem.. when i use this hover effect in a website for practical exam purpose(i did use position ÷fixed in the header part) then all images overwrite on header while using scroll up. Plz fix this problem..
The link given in description will take you to our official website and there click on project code that will download the zip file. If not working kindly email the error at lohartalk@gmail.com.
how to give effect this way...I wanna overlay effect image instead of text...means one image hover effect of second image..Ok so how we can apply ?please explain
Hi, your information was very helpful. I have created images with hover effect. However, I have a query. How do i link a page (like ) to the image class in HTML?
Thank you for your feedback.You can create image link using following syntax. I hope,i have answered your query.Please let me know in case of any concern. Regards LoharTalk Team
im doing my project right now and i need to pass it on wednesday and its sunday now :/ please help me how to align those images please i didn't even put but it proceeds to another line please help mee :(
Thanks a lots bro, After watching this, now I can fix my problems very well
Great video finally someone who explained the actual process of what needs to be done! Great reference!
Thank you for your valuable feedback.
@@LoharTalk Hello Sir, How can I increase width only(not height) of font-awesome icon ???
This video is great! Thank you for talking "instead" of just playing music...... Keep up the good work, and thank you.
Thank you for your appreciation.
great tutorial, i am first time and not last i hope. Very simple way to do complicated effect
Big thanks for you bro, I've been looking for this for several months
Thanks for this amazing video.
Such a good video 👍 thanks
Lovely thank you you explain well
Hi! Thanks a lot for this, it was realllllly helpful!
lovely and to the point
well explained video !
Thank you for this video
Great video thank you.
Thank you for the tutorial or provide code.
I fix this problem after watching your video thanks comrade :)
Thanks! This was super helpful!
Awesome!
Its work well with bootstrap we have to replace the container in a different class then it will work fine.
thank you brother
it's great
Thanks! i fixed my code and now is working!
Very well-organised and explained, thank you!
good tutorial thx you
but..... white background in your IDE it'ssssss very unusual
Thank you !
Great tutorial, thanks so much 👍🏻 May I ask, is there a way for making the overlay half? And then on top of that also half another color or a color transparency?
just what I was looking for. thank you sir
Thanks so MUCH!!!!
Great tutorial which goes straight to the point, thanks bro
Thank you for your valuable feedback.
wish you'd included some explanation in the video, though, 'cause I'm still confused as all hell!
Outstanding dude
thank u sir ........plz , responsive overlay
Such a great tutorial. Thank you!
Thank you for your valuable feedback. You can also view/download project from www.lohartalk.com
!!!!Gracias
Hi Great turorial! thnx helped out a lot. maybe for the next time: level the intro/outro sound some lower BC your mic volume is low and the intro/outro are pretty high. but still great tutorial !
Aaron Teering Thank you for your feedback..will keep it in mind for my upcoming videos.:-)
Thanks for the help man :)
Thank you for your valuable feedback. Now you can also view or download project from www.lohartalk.com
Easy and to the point! Thanks for this video :) I do have a question, is there any way to increase the spaces between the rows and columns in a uniform manner? should i use ?
You can use cellspacing and cellpadding for space in tables
Thnku so much bro ❤
I solved my big problem by ur help bro thnx a lott❤😊
why need to move in negative direction of x and y
Thnx a lot for giving tutorial..
But i have a problem.. when i use this hover effect in a website for practical exam purpose(i did use position ÷fixed in the header part) then all images overwrite on header while using scroll up.
Plz fix this problem..
Send me your project code at lohartalk@gmail.com will check
Doesn't exactly delve too deep on why the structure is the way it is. For someone with no programming knowledge, this is difficult to understand.
Thank you for your valuable feedback.This tutorial requires basic knowledge of HTML,CSS and JavaScript.
ikr :(
Amazing work.Can someone share this code.The code which he gave in link doesn't work for me.
The link given in description will take you to our official website and there click on project code that will download the zip file. If not working kindly email the error at lohartalk@gmail.com.
@@LoharTalk Thank you, sir.I will check it and get back to you soon.
Great video but can you use black text editor.
how to give effect this way...I wanna overlay effect image instead of text...means one image hover effect of second image..Ok so how we can apply ?please explain
Did you ever figure this out? I need to do the same thing.
@@JesterJack replace the text for a img tag
Hey Man can you make these overlays repeat by sliding it automatically?
Hi, your information was very helpful. I have created images with hover effect. However, I have a query. How do i link a page (like ) to the image class in HTML?
Thank you for your feedback.You can create image link using following syntax.
I hope,i have answered your query.Please let me know in case of any concern.
Regards
LoharTalk Team
My text won't show up
.text {
color: white;
font-family: Comfortaa;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
}
im doing my project right now and i need to pass it on wednesday and its sunday now :/ please help me how to align those images please i didn't even put but it proceeds to another line please help mee :(
You can download and view project from this url.
www.lohartalk.com/#/watch?v=Cfv_9l8F0Lo
why are we using 2 div tags i.e.., overlay and text . cananyone explain it in detail . please
Nav Jindal The outer overlay div is for text background color and inner text div is used to make text vertical and horizontal center alignment.
is it possible to have a picture appear when you hover over a text?
Yes it is possible.
@@LoharTalk can you show me how? Or link a website helping me?
Just replace text with image tag.
is this responsive
No
indian ho to hindi me banaw ye keya he bhai
thanks to give source code
My intention is to target maximum audience.
good
can you plees add the full code to the discription
You can find code at www.lohartalk.com
Never Css on Container Class.. Becouse we have about 100 container in a website.. Use always another class
Does this apply with clickable image?
I couldn't hover the text over the image:(
Its depend how you implement
@@LoharTalk ok! Thanks! Your tutorial is a big help for me!
HI . Request you to explain why i need to give "transform: translate(-50%, -50%);"..if i give transform: translate(50%, 50%); why its not working
copy cat
Such a great tutorial, thank you!