Image Slider - Pure CSS carousel with dark mode & fullscreen / less / sass
Description
The Slider – pure CSS / HTML image slider with fade animation.
Special for non-technical users, just paste the html code and go.
The simplest way to apply your image slider on the website witout any JS. Put your urls to images and start using! that all!
OK! but why I need pure css slider?
- with Slider you can easily create image carousel with any HTML creator (WYSIWYG) that you have access to save html with input and style tag! For example, blog post, wordpress page, forum post etc.
- you will spend less time to install complicated plugins and library in your project – just copy & past,
- performance is your key.
- in your project You don’t have access to JS or there are NO-JS requirements.
Easy to start but – it is a very powerful tool! We have a lot of functions.
Displaying images – frozen ratio or auto ratio
The Slider has 5 types of ratio preset – 1:1, 2:1, 4:3, 16:9, 21:9, and also the manual mode (for example you can set 100% of window height). You can also select an image that will cover your space or contain it.
Dark mode
Dark and light mode – set up your owns style for each mode – light and dark – use css variables and start to use dark mode.
Animation – fade or move? or none
Responsive – slider is fully responsive
Full screen mode
The slider has full screen mode – can be switch by button – or use JS to change input checked() state
Two way to navigate – as befits a slider
Pagination (indicators) with dots.
Navigation with two predefined style.
Fully customizable – use CSS variables or LESS / SASS file with variables and mixin, colors, shadows, shapes of UI elements etc.
That all works only with HTML and CSS, no need JS at all, this technology is pure magic.
Note: With this plugin you have ability to apply any JS events or trigger method on input tag to manipulate slider behavior (slide, turn on/off fullscreen etc) – it’s very easy.
| Type | CSS Component |
|---|---|
| Author | formir-io |
| Category | Css / Tabs And Sliders |
| Price | $5 |
| Sales | 20 |
| Rating | 0.00 from 1 rating |
| Published | Nov 25, 2020 |
| Last Update | Nov 25, 2020 |
| Compatible Browsers | IE10, IE11, Firefox, Safari, Opera, Chrome, Edge |
| Compatible Software | CSS3 |
| Source Files Included | HTML, CSS, LESS, Sass |
External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.
Products of the Week.
Submit🥇
STOP GUESSING WHAT TO POST
AI that learns your brand voice and builds a month of consistent, on-brand social content: carousels, posts and hooks that sound like you, not like everyone else's AI.
SaaS · 4,325 views · 38 clicksSaaS · Week 45 · 4,325 views · 38 clicks
🥈
Conversational Backlinks for Busy Founders
Place Backlink Relevant Conversation for your domain across Forums and Conversations
Website · 42,064 views · 223 clicksWebsite · Week 45 · 42,064 views · 223 clicks
🥉
upvote.club
Free Social Media Engagement that Helps Boost Your Content. Upvote Club supports 19 social networks with 100+ engagement actions in one dashboard. Add links to your posts and get free engagement from real users.
SaaS · 40,109 views · 117 clicksSaaS · Week 45 · 40,109 views · 117 clicks
#4
Substack Posting API
Onboard your Agent to Substack. Write Publish on Substack via API
SaaS · 59,113 views · 198 clicksSaaS · Week 45 · 59,113 views · 198 clicks
#5
Seenshot App
Free, Fast, MacOS Screenshot app. Make Screenshot cmd+shift+2 and send it via link
Desktop App · 28,488 views · 122 clicksDesktop App · Week 45 · 28,488 views · 122 clicks
#6
Hand-Placed Backlinks $9.99 per link. Flat rate.
Buy hand-placed forum, Q-A and directory backlinks. Flat $9.99 per link, no subscriptions — you only pay for approved listings.
Website · 4,319 views · 19 clicksWebsite · Week 45 · 4,319 views · 19 clicks
#7
Free Invoice Generator - PDF Invoices in Your Browser, No Sign-Up
A free invoice maker for freelancers and small businesses: fill in the invoice, check the live preview, and download a PDF that looks exactly like it. Any currency, tax per item, three templates, no sign-up, and nothing leaves your device.
2,993 views · 17 clicksWeek 45 · 2,993 views · 17 clicks
#8
Merge PDF Files Free - Combine PDFs in Your Browser, No Upload
A free PDF merger for office workers, students, and freelancers: combine PDFs and images into one file in the browser, reorder files and pages, pick page ranges, keep bookmarks, and open password-protected PDFs. Nothing is uploaded, no sign-up, no watermark.
2,764 views · 13 clicksWeek 45 · 2,764 views · 13 clicks