This slider has a simple, clean and very modern design, that uses black and white. The main slideshow has no frame or border, but it has a shadow below the slider responsive which helps lift it up from the website background and give it some depth.
ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using elements inside a container. It has been used on sites like Microsoft’s Build 2012 and Gridset App. ResponsiveSLides.js works with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for IE6 and other browsers that don’t natively support it. Only dependency is jQuery (1.6 and up supported) and that all the images are same size.
Bxslider is fully responsive and content slider and you can resize your browser to see the slider adapt.
Some creative and subtle hover effect inspiration using modern CSS techniques including 3D translate and pseudo elements.
It’s time for some fresh hover effect inspiration! Nowadays we are seeing a lot of delicate designs with fine lines, lots of white space, clean typography and subtle effects. With that beautiful trend in mind we want to share some creative ideas for grid item hover effects. It’s all about being subtle with that little delightful surprise.
The techniques we are using for these hover effects involve 3D transforms and some pseudo-element transitions. Note that these will only work in modern browsers.