Introduction
Image Sliders have been quite common solution to showcase works, products and services. Flash use to be dominating this area, but with the rise of Javascript framework such as jQuery and CSS3 slider with cool transition effects are achievable easily.
There are literally hundreds of free image sliders online and pretty much it's designed to meet the general purposes but some come with a handful of transition effect, responsive support, touch support and some other allow you to fit media rich content to it. In case you're looking for one, we have it covered in our previous posts:
- 11 Highly Configurable And Flexible Content Sliders
- 8 jQuery Image Sliders with Impressive Transition Effects
- 7 Image Sliders with Responsive Fluid Layout Support
However, this isn't a post about Javascript image sliders, we focus on creatively designed and cool slider showcase from other websites. A uniquely made and custom designed sliders can easily catch your reader attention, and here are some of it. You will able to see some coolest trend such as parallax effect, CSS3 animation and cool loading sequence of each slide.
- SuperloverCool combination of scroll and left with easing animation.
- Green Campus GuideSlider with integrated tooltips and modal dialogs.
- Lake NonaTake a while to load but it's pretty impressive slider, a different kind of thumbnail view.
- Agence de comminicationUnique slider with an animated call-to-action button.
- KyanAnother cool slider with a custom made animation.
- Create DMA simple and yet elegant slider with CSS3 animation.
- 2FlyA backward compatible slider with CSS3 rotation. Pretty cool!
- Gen 3 CreativeA content slider with different design on each slide.
- Carnation groupOne of the famous technique - parallax slider.
- 7 Days in HavanaPretty cool concept, sort of like an accordion plus slider!
- AppGearHonestly, I reckon this look like a carousel but it has a cool effect on it.
Comments will be moderated and
rel="nofollow"
will be added to all links. You can wrap your coding with[code][/code]
to make use of built-in syntax highlighter.