CSS PLAY
Doing It With Style
It gets boring seeing the same placeholder text in every mockup.
It is widely believed that the history of Lorem Ipsum originates with Cicero in the 1st Century BC and his text De Finibus bonorum et malorum.
Doesn’t our dearest dummy text deserve a break?
It gets boring seeing the same placeholder text in every mockup.
It is widely believed that the history of Lorem Ipsum originates with Cicero in the 1st Century BC and his text De Finibus bonorum et malorum.
Doesn’t our dearest dummy text deserve a break?
It gets boring seeing the same placeholder text in every mockup.
It is widely believed that the history of Lorem Ipsum originates with Cicero in the 1st Century BC and his text De Finibus bonorum et malorum.
Doesn’t our dearest dummy text deserve a break?
It gets boring seeing the same placeholder text in every mockup.
It is widely believed that the history of Lorem Ipsum originates with Cicero in the 1st Century BC and his text De Finibus bonorum et malorum.
Doesn’t our dearest dummy text deserve a break?
It gets boring seeing the same placeholder text in every mockup.
It is widely believed that the history of Lorem Ipsum originates with Cicero in the 1st Century BC and his text De Finibus bonorum et malorum.
Doesn’t our dearest dummy text deserve a break?
It gets boring seeing the same placeholder text in every mockup.
It is widely believed that the history of Lorem Ipsum originates with Cicero in the 1st Century BC and his text De Finibus bonorum et malorum.
Doesn’t our dearest dummy text deserve a break?
It gets boring seeing the same placeholder text in every mockup.
It is widely believed that the history of Lorem Ipsum originates with Cicero in the 1st Century BC and his text De Finibus bonorum et malorum.
Doesn’t our dearest dummy text deserve a break?
It gets boring seeing the same placeholder text in every mockup.
It is widely believed that the history of Lorem Ipsum originates with Cicero in the 1st Century BC and his text De Finibus bonorum et malorum.
Doesn’t our dearest dummy text deserve a break?
It gets boring seeing the same placeholder text in every mockup.
It is widely believed that the history of Lorem Ipsum originates with Cicero in the 1st Century BC and his text De Finibus bonorum et malorum.
Doesn’t our dearest dummy text deserve a break?
It gets boring seeing the same placeholder text in every mockup.
It is widely believed that the history of Lorem Ipsum originates with Cicero in the 1st Century BC and his text De Finibus bonorum et malorum.
Doesn’t our dearest dummy text deserve a break?
It gets boring seeing the same placeholder text in every mockup.
It is widely believed that the history of Lorem Ipsum originates with Cicero in the 1st Century BC and his text De Finibus bonorum et malorum.
Doesn’t our dearest dummy text deserve a break?
It gets boring seeing the same placeholder text in every mockup.
It is widely believed that the history of Lorem Ipsum originates with Cicero in the 1st Century BC and his text De Finibus bonorum et malorum.
Doesn’t our dearest dummy text deserve a break?
It gets boring seeing the same placeholder text in every mockup.
It is widely believed that the history of Lorem Ipsum originates with Cicero in the 1st Century BC and his text De Finibus bonorum et malorum.
Doesn’t our dearest dummy text deserve a break?
It gets boring seeing the same placeholder text in every mockup.
It is widely believed that the history of Lorem Ipsum originates with Cicero in the 1st Century BC and his text De Finibus bonorum et malorum.
Doesn’t our dearest dummy text deserve a break?
It gets boring seeing the same placeholder text in every mockup.
It is widely believed that the history of Lorem Ipsum originates with Cicero in the 1st Century BC and his text De Finibus bonorum et malorum.
Doesn’t our dearest dummy text deserve a break?
It gets boring seeing the same placeholder text in every mockup.
It is widely believed that the history of Lorem Ipsum originates with Cicero in the 1st Century BC and his text De Finibus bonorum et malorum.
Doesn’t our dearest dummy text deserve a break?
Just HTML and CSS. No jQuery/javascript or any other programming language.
This is a responsive slideshow with fixed width slides.
On wide screens greater than 1280px there are 4 slides showing. This changes to 3 slides on screens 950px to 1280px wide, 2 slides on 640px to 950px and 1 slide on screens less than 640px.
The slideshow is auto running and will loop back to the first slide.
Any slide can be selected by click/tapping a button beneath the slideshow. This will place the selected slide in the left position and the slideshow will continue from the selected slide.
Most of the setup is in the :root css variables, but some of the @keyframes values need calculating.