<div class="osnova_karkasa">
  <img src="Ссылка на изображение" title="" alt="" />
  <div class="nazvane_snimka">ZorNet.Ru — сайт для вебмастера</div>
</div>

.osnova_karkasa {
  display: block;
  height: 284px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 528px;
  border-radius: 3px;
  border: 2px solid #f1f1f1;
  box-shadow: 1px 1px 5px 0px rgb(78 75 75 / 71%), 0px 0px 3px 0px rgb(66 66 66 / 60%);
}
.osnova_karkasa img {
  transition: all 1s ease-in-out 0s;
  -moz-transition: all 1s ease-in-out 0s;
  -webkit-transition: all 1s ease-in-out 0s;
  -o-transition: all 1s ease-in-out 0s;
}
.osnova_karkasa .nazvane_snimka {
  background: rgb(10 11 28 / 68%);
  bottom: 0;
  color: #f5efef;
  display: table;
  left: 0;
  opacity: 0;
  padding: 10px 0;
  position: absolute;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  width: 528px;
  text-align: center;
  cursor:pointer;
}
.osnova_karkasa:hover .nazvane_snimka {
  opacity: 1;
}
.osnova_karkasa:hover img {
  transform: scale(1.5) rotateZ(-7deg);
  -moz-transform: scale(1.5) rotateZ(-7deg);
  -webkit-transform: scale(1.5) rotateZ(-7deg);
  -o-transform: scale(1.5) rotateZ(-7deg);
  cursor:pointer;
}

transform: стандартное правило;
-webkit-transform: Chrome и Safari;
-moz-transform: Firefox;
-o-transform: Opera;