I came across this site: http://gatilho.com/
I love the blue overlay and site title that slides down on image hover but I can't seem to figure out how it's done. I want the transition too.
Any suggestions?
Is it just CSS or jQuery too?
Thanks!
(p.s. I'm not looking to rip it off just like it so I want to figure out how!)
Looking at the source code, it looks like they're using http://www.dynamicdrive.com/dynamicindex5/overlapcontent.htm
Related
I'm doing the Free Code Camp thing and the first Zipline challenge is to replicate the following webpage on Code Pen. What I'm looking for is a hint or two in the right direction so I can get the pictures to scroll like they do on the webpage. I don't want the answer(s), just a hint or hints in the right direction so that I can do my own work. I think I'm suppose to use CSS, and if that's the case I have no idea which property/properties to use, maybe one of the background properties?
And the hint I was looking for is 'css parallax scrolling'. Thanks for all the help.
I'm trying to set this photo: Photo as my website background. I is supposed to look something like this example
Thanks #Clint Powell. Finally got it all working and it's pure css and the code is very simple.
Here is Fiddle.
i'm sure you can help me.
For example: on this site - when you click on "team" - you can hover over an image and the name is shown on the top. (ja, it's flash, i know ;) )
So, i want to do this in a post-thumbnail-grid in wordpress.
pseudo-code: hover over post-thumbnail(ID) in div1-> show title of post in div2
I don't need a exactly described walk-through.
Just a few keywords, ideas etc.
Thank you
Im guessing even though the example is in flash, you arent wanting a "how to" in flash. What you are looking for is probably jquery, if you are looking for what you should be googling, try a jquery hover tutorial or jquery onClick().
try something like this http://bavotasan.com/2009/a-simple-mouseover-hover-effect-with-jquery/ and adapt the hover results to match your criteria.
I am developing a site, you can see the code in this link.
I put a gray border on it but would like to put a border more attractive and beautiful.
Any ideas?
Thanks.
Without CSS3? Use images or image sprites
I'm trying to work out how to do a hover img in an fbml on a 'like to reveal content page.
If that doesn't make sense, here is an example of what I'm trying to achieve:
http://www.facebook.com/sonyericsson?v=app_6009294086
If you hover over the video and phone while you're not a fan it prompts you to like the page to view the content.
THANKS GUYS
Just worked it out,
you need an a href about the hover img to make it work, if anyone wants further info just let me know