All slider controls are vector font and they are awesome on hi-res displays
Instantly preview your slider and all updates which you make in the preview area. Make Sure anything is just the way you want it ahead you save!
cssSlider includes amazing pure CSS3, hardware-accelerated effects to excite your users and help to keep their eyes concentrated on your own website.
User-friendly, you only assign a variety of skins, colors and transitions from the collection to your slider. There is simply no knowledge of programming required at all. You wont need to type a single line of code!
No need for separate photo editing apps. The cssSlider instantly crops your images and resizes them to suit whatever dimension you set!
No further weighty and slow-moving jQuery that contains a great deal of unused code
There is a tremendous amount of configurations that you can tweak, such as perfect transition effects and brilliant flat skins, prev/next navigation, bullets with thumbnails, autoplay, pause/stop, full width, full screen and additional options.
Develop your slider in a few clicks with the visual generator
Run css Slider producer in two different settings modes: Basic and Advanced. Pick from several builtin layout looks to keep things real simple, or dive into edit the settings in whatever way you had like for full control.
The bullets, play/pause, prev/next and other controls are icon font, making them monitor size independent and perfect for retina high resolution screens.
The CSS Slider template ‘Absent’ is a minimalist and modern slider design. It uses a single color, white, and has clean lines with no extraneous detail. The use of drop-shadows adds a touch of elegance and stops the design from feeling too stark and cold.
The slider is responsive and resizes to fit the screen. On smaller screens, some of the interface disappears in order to allow the images to remain the focus of the design.
The buttons are white circles with transparent icons. There is a slight drop-shadow on the circles, which helps them stand out from the images.
There is a caption in the bottom left corner. Unlike the navigation buttons, this caption is always visible. There is a title and a subtitle. The font used is ‘Slabo 27px’, a modern serif font that gives the otherwise minimalist design a touch of sophistication.
The text is white, with a subtle drop-shadow.
There is a series of bullets at the center-bottom of the slider. These bullets each represent a slide in the slideshow, and can be used to navigate between the images. Each bullet is a transparent circle with a white border and a slight drop shadow. Hovering over a bullet causes a preview image to appear in a white frame. Clicking on a bullet loads the appropriate slide into the slider.
The transition effect used is called ‘Slide Vertical’. Each image slides elegantly up from the bottom of the slider, starting quickly and slowing down as it settles into place. It’s a simple but effective transition. An additional touch is that, when the cycle of images finishes, the slider ‘runs back’ through each image very quickly to return to the start of the slideshow.
Overall this is a modern design with a touch of sophistication. It would be ideal for almost any e-commerce website, particularly those selling luxury items, computer software or hardware and other gadgets. It would also work well for a news website, as the design is simple and allows the content to appear front-and-center.