Close

3D carousel with images

This is an example of a bootstrap web form with a 3D carousel image slider, designed using JavaScript, CSS, bootstrap framework 4 and HTML. The images and bootstrap styles are imported to the code with their URLs, whereas the carousel feature had been implemented using JavaScript. The body of the form is given a style set of font as 18px 'Josefin Slab' Serif, background as rgba(238,244,248,1), and height as 100%. The name of the carousel item has the styles of padding as 1em, and background-color as #3c3c3c. Carousel item section is given the styles of color as white, and font-weight as bold. The carousel is given the styles of width as 50%, and height as 80%, transform-style as preserve-3d, and a transition effect of transform 0.5s. The carousel image is given a box-shadow style of 0px 27px 62px 0px rgba(0,0,0,0.5), and a border-radius of 0.2em. Source: https://codepen.io/brandonjdavis/pen/XWJEoOO

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.