LIVE PREVIEWBUY FOR $7

The Room – pure CSS / HTML picture slider with 3D animation.

Particular for non-technical customers, simply paste the html code and go.

Psst.. New JS model is launched! You might be on the lookout for an answer to mechanically create 3d galleries primarily based on images utilizing JS see right here: https://codecanyon.net/item/js-jquery-react-3d-image-carousel-responsive-slider-room-gallery/50336453

The Room - 3D Slider - Pure CSS with dark mode / less / sass - 1

Is an actual simulation of an artwork gallery, so transfer your web site to a brand new dimension.

OK! however why I would like pure css carousel?

  • with 3D Slider you possibly can simply create picture carousel with any HTML creator (WYSIWYG) that you’ve got entry to save lots of html with enter and magnificence tag! For instance, weblog submit, wordpress web page, discussion board submit and many others. –
    observe: you must put together the html code your self and paste it into the editor to make use of the gallery in in style CMS programs
  • 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.

Darkish mode

Darkish and light-weight mode – change by button or use auto OS darkish mode

The Room - 3D Slider - Pure CSS with dark mode / less / sass - 2

Animation

The Room - 3D Slider - Pure CSS with dark mode / less / sass - 3

Every picture with personal description will rotate on this gallery which we referred to as a room.

Responsive

The gallery is absolutely responsive and fluid net design,

Customizable

The Room - 3D Slider - Pure CSS with dark mode / less / sass - 4

Totally customizable – use CSS variables or LESS / SASS file with variables and mixin, set your width, top, colours and shadows of partitions

Navigate

Two methods of navigation: arrows and indicators.

Zoom in

You possibly can zoom in utilizing button – this interplay will enlarge the picture,

The Room - 3D Slider - Pure CSS with dark mode / less / sass - 5

That every one works solely with HTML and CSS, no want JS in any respect, this expertise is pure magic,

Try it live

Be aware: With this plugin you could have capacity to use any JS occasions or set off technique on enter tag to control slider habits (slide, activate/off zoom, activate/off darkish mode and many others) – it’s very simple.


Source