The Slider – pure CSS / HTML picture slider with fade animation.
Particular for non-technical customers, simply paste the html code and go.
The only option to apply your picture slider on the web site witout any JS. Put your urls to photographs and begin utilizing! that each one!
OK! however why I want pure css slider?
- with Slider you’ll be able to simply create picture carousel with any HTML creator (WYSIWYG) that you’ve entry to save lots of html with enter and elegance tag! For instance, weblog put up, wordpress web page, discussion board put up and so on.
- you’ll spend much less time to put in sophisticated plugins and library in your undertaking – simply copy & previous,
- efficiency is your key.
- in your undertaking You don’t have entry to JS or there are NO-JS necessities.
Straightforward to begin however – it’s a very highly effective instrument! We have now lots of capabilities.
Displaying photographs – frozen ratio or auto ratio
The Slider has 5 forms of ratio preset – 1:1, 2:1, 4:3, 16:9, 21:9, and in addition the guide mode (for instance you’ll be able to set 100% of window peak). You can even choose a picture that can cowl your area or include it.
Darkish mode
Darkish and lightweight mode – arrange your owns model for every mode – mild and darkish – use css variables and begin to use darkish mode.
Animation – fade or transfer? or none
Responsive – slider is totally responsive
Full display mode
The slider has full display mode – could be swap by button – or use JS to alter enter checked() state
Two option to navigate – as befits a slider
Pagination (indicators) with dots.
Navigation with two predefined model.
Absolutely customizable – use CSS variables or LESS / SASS file with variables and mixin, colours, shadows, shapes of UI components and so on.
That every one works solely with HTML and CSS, no want JS in any respect, this expertise is pure magic.
Be aware: With this plugin you’ve gotten capacity to use any JS occasions or set off methodology on enter tag to control slider habits (slide, activate/off fullscreen and so on) – it’s very simple.
