3D CSS Effect | Create a Website Using HTML and CSS
3D CSS Effect 3D CSS Effect | Create a website using HTML and CSS Example <!DOCTYPE html> <html> <head> <title>3D CSS Effect | Create a website using HTML and CSS</title> <style type="text/css" > .div{ margin: 0; padding: 0; width: 100%; height: 81vh; display: flex;; align-items: center; justify-content: center; background: steelblue; } .container{ position: relative; width: 200px; height: 230px; background: rgb(0,0,0,.5); transform: rotate(-30deg) skew(25deg) scale(1); transition: 0.5s; margin-left: 11%; } .container img{ position: absolute; width: 100%; height: 100%; transition: 0.5s; } .container:hover img:nth-child(4){ transform: translate(70px,-70px); opacity: 1; } .container:hover img:nth-child(3){ transform: translate(50px,-50px); opacity: .8; } .container:hover img:nth-child(2){ transform: translate(30px,-30px); opacity: .6; } .container:ho...