I want to make something like this:
http://www.minecraftforge.net/forum/index.php
can you hover the menu? it's sliding some shadow on hover, how do I do this? is that JS? if yes, is there a tutorial for it? or is it possible to make it with CSS3?
thanks!
I think this is the plugin: jQuery lavalamp.
I'm think this can't be achieved only with CSS. You can use css3 and some transitions but i think it would require at least some minimal javascript.
Related
i am looking for simplest any cleanest way to display content or blocks of content on my site when scrolled down to it. i mean that i would rather not use any frameworks as are jquery or bootstrap.
i would like to achieve something like is seen on these sites:
http://demo.joomla51.com/?theme=Cashmere
http://www.dropingood.com
what would you recommend me how can i achieve that? i am quite familiar with html5, css3 and javascript.
thanks
Parallax Scrolling is what you're looking for. How Nike Did it.
Using existing plugins can help you achieve your desired effect while keeping a low overhead. Here are some examples:
WOW.js
Superscrollorama
Scroll Magic
Skrollr (Open Source)
others...
You can also see previous question like so: Parallax Scrolling # SO
Quick Google searches are your friend!
I would want to create a slider with auto-play. To be specific that is some static images with transition and text effects. I need some text animation something like this Text Effect, Does anyone know the plugin for this so that i can implement on a school website?
Its good if it works on IE too :)
check this one,i like this one alot:
http://jacksbox.de/stuff/jquery-fractionslider/
How is that?
http://tympanus.net/Tutorials/SlideshowJmpress/index2.html
I used this slider on a page that I designed:
http://www.zinzinzibidi.com/windows_8_metro_icons_for_dock_users/
Does anyone knows jquery library for smooth element scroll like this one.
Do you want elements to move at different speeds? If so you might want to look at some Paralax scrolling libraries
I am using this jQuery tooltip plugin to create simple tooltips on various divs of my page. The plugin positions the tooltip relative to the mouse position. Instead, I would like the tooltip to appear centered above the div that was hovered over, unmoving, in the same place every time. Is this possible using this plugin, and if so, could you point me in the right direction? If not, perhaps suggest an alternative?
Here is a jsFiddle with the sort of setup I have. Unfortunately, the styling doesn't really work without the plugin. I hope this code's good enough.
I don't think that's something you can do with that jQuery Tooltip plugin.
Some of these look more suitable for that task:
http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/
Cheers,
Rob
The tooltip plugin in question does not appear to support relative positioning.
Qtip does: http://craigsworks.com/projects/qtip/
Can you give me an idea how to create the scrolling effect of this website:
http://eee.asus.com/eeepad/transformer-prime/features/
Is this created using javascript, HTML5 and CSS3? How?
I'm reading the view source right now.
Thanks
It's easiest to use a plugin like Scrollorama to achieve these parallax effects.