css enlarge.css

Posted 2021-05-13

.item {
  background-color: #EEE;
  border: solid 1px #CDC;
  box-shadow: 4px 2px rgba(0,0,0,0.2);
  display: block;
  margin: 0.5em;
  z-index: 0;
  border-radius: 0.5em;
  width: 30%;
  height: 10%;
  -webkit-transition: all 3s ease;
     -moz-transition: all 3s ease;
      -ms-transition: all 3s ease;
       -o-transition: all 3s ease;
          transition: all 3s ease;
}
.enlarge {
    position: fixed;
    width: 70%;
    height: 70%;
    /* left: 0; */
    /* top: 0; */
    /* right: 0; */
    /* bottom: 0; */
    padding: 30px 15%;
    background-color: #BBB;
    overflow: auto;
    z-index: 1;
    /* -webkit-transform-origin: 0 50%; */
    /* -moz-transform-origin: 0 50%; */
    /* -ms-transform-origin: 0 50%; */
    /* -o-transform-origin: 0 50%; */
    /* transform-origin: 0 50%; */
}

.enlarge
{
  border: solid 1px black;
  -webkit-transition: all 3s ease;
     -moz-transition: all 3s ease;
      -ms-transition: all 3s ease;
       -o-transition: all 3s ease;
          transition: all 3s ease;
}