Breaking News: Grepper is joining You.com. Read the official announcement!

transform an image perspective css

Jeremy L answered on October 10, 2022 Popularity 5/10 Helpfulness 2/10

answer transform an image perspective css

transform an image perspective css

Comment

/*Below gives a birds eye view of the image from above*/
#movie-screen-image, .screen{
  transform: rotateX(-45deg);
  width: 100%;
  height: 70px;
}

/* tilts the movie screen */
#movie-screen-image, .screen{
  perspective: 1000px;
  margin-bottom: 30px;
}

/* Creates the lighting around the screen */
img{
  background-color: white;
  height: 70px;
  width: 100%;
  margin: 15px 0;
  transform: rotateX(-45deg);
  box-shadow: 0 3px 10px rgba(255, 255, 255, 2.5)
}

Popularity 5/10 Helpfulness 2/10 Language css

Source: Grepper

Tags: css image perspective transform