You are here: Home / Freebies For Websites

Responsive CSS3 Any Content Slider (no JavaScript)

Click on the circular  ◄  and  ►  arrow controls to slide more content in to view...

► ► ► ► ► ► ►

Fast Edit v1 - Content Management System (1/5)
Get a free and easy CMS to edit your website! Includes file manager and page manager with a one-click interface to easily arrange the menu.

[ demo | download ]

Fast Feed v1 - RSS News Feed Manager (2/5)
Get a nifty news manager to edit and update an RSS v2.0 xml file. Supports multiple users and includes optional image upload and one-click archiving.

[ demo | download ]

Fast Edit BE (Snippet Manager) (3/5)
Get a no-fuss website snippet editor. Easy setup, runs in the back-end, and supports multiple snippets of editable content on any number of web pages.

[ demo | download ]

Responsive CSS3 Multi-Level Menu (4/5)
A responsive, CSS-only, multi-level menu that uses CSS3 transitions. With drop-down, horizontal desktop view and sliding, off-canvas mobile view.

[ demo | download ]

Fast Warn v1 - Alert Message Manager (5/5)
Get a hassle-free message manager to display an alert box or critical warning to vistors. Use the RSS file to feed alerts to social media websites.

[ demo | download ]

Features

A CSS-only, responsive content slider that;

• Can contain anything - images, text, whatever!
• Cycles continuously - doesn't stop at the last slide
• Uses CSS3 transitions to animate the slide effect (no JavaScript)
• Uses the "advanced checkbox hack" to trigger slides (for Android/iOS)
• Uses "translate3d" to force hardware acceleration in WebKit (no flicker)

Please view the source of this web page to grab the CSS and HTML markup.

Compatibility

• IE7+ (content accessible via horizontal scrollbar in IE7/8, controls but no slide effect in IE9) *
• Chrome
• Safari
• Firefox
• Opera
• Android
• iOS

* Conditional styles have been provided to replace the arrow controls with a horizontal scrollbar in IE7/8.

I haven't been able to test in other browsers/devices but feedback is always welcome. Contact me if you spot anything hinky.

Related

• Also see Responsive CSS3 Any Content Slider (no JavaScript) - text, images and nav pips
• Also see Responsive CSS3 Any Content Slider (no JavaScript) - images and nav pips
• Also see Responsive CSS3 Any Content Slider (with JavaScript auto-play and simple controls)
• Also see Responsive CSS3 Any Content Slider (with JavaScript auto-play, simple controls and nav pips)
• Also see Responsive CSS3 Any Content Slider (with JavaScript auto-play and large touch-toggle)
• Also see Responsive CSS3 Any Content Slider (with JavaScript auto-play, large touch-toggle and swipe support)

Freebies

Looking for more freebies for your website? Grab a bunch of free PHP, CSS and JavaScript goodies, from flat file CMS' to RSS managers to responsive CSS menus, galleries and sliders.