The Room – 3D Slider – Pure CSS with dark mode / less / sass
The Room – pure CSS / HTML picture slider with 3D animation.
Special for non-technical customers, simply paste the html code and go.
Psst.. New JS model is launched! You are in search of an answer to routinely create 3d galleries based mostly on pictures utilizing JS see right here: https://codecanyon.net/item/js-jquery-react-3d-image-carousel-responsive-slider-room-gallery/50336453
Is an actual simulation of an artwork gallery, so transfer your web site to a brand new dimension.
OK! however why I want pure css carousel?
- with 3D Slider you’ll be able to simply create picture carousel with any HTML creator (WYSIWYG) that you’ve entry to avoid wasting html with enter and elegance tag! For instance, weblog submit, wordpress web page, discussion board submit and so forth. –
be aware: it’s important to put together the html code your self and paste it into the editor to make use of the gallery in common CMS programs - you’ll spend 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.
Dark mode
Dark and light-weight mode – swap by button or use auto OS dark mode
Animation
Each picture with personal description will rotate on this gallery which we referred to as a room.
Responsive
The gallery is totally responsive and fluid internet design,
Customizable
Fully customizable – use CSS variables or LESS / SASS file with variables and mixin, set your width, peak, colours and shadows of partitions
Navigate
Two methods of navigation: arrows and indicators.
Zoom in
You can zoom in utilizing button – this interplay will enlarge the picture,
That all works solely with HTML and CSS, no want JS in any respect, this expertise is pure magic,
Try it live
Note: With this plugin you will have skill to use any JS occasions or set off technique on enter tag to govern slider habits (slide, activate/off zoom, activate/off dark mode and so forth) – it’s very straightforward.
