“cara menggunakan efek zoom gambar di CSS” Kode Jawaban

cara menggunakan efek zoom gambar di CSS

.parent:hover .child,
.parent:focus .child {
  transform: scale(1.2);
}
Open Owl

Perkecil gambar di HTML CSS

/* Point-zoom Container */.point-img-zoom img {  transform-origin: 65% 75%;  transition: transform 1s, filter .5s ease-out;}/* The Transformation */.point-img-zoom:hover img {  transform: scale(5);}
Splendid Sandpiper

cara menggunakan efek zoom gambar di CSS

.parent {
  width: 400px; 
  height: 300px;
}

.child {
  width: 100%;
  height: 100%;
  background-color: black; /* fallback color */
  background-image: url("images/city.jpg");
  background-position: center;
  background-size: cover;
}
Open Owl

Jawaban yang mirip dengan “cara menggunakan efek zoom gambar di CSS”

Pertanyaan yang mirip dengan “cara menggunakan efek zoom gambar di CSS”

Lebih banyak jawaban terkait untuk “cara menggunakan efek zoom gambar di CSS” di CSS

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya