ГлавнаяСтатьиWebFAQОбучениеКонтакты
Web
CSS
JavaScript
HTML
C#
jQuery
PHP
Flash
Yii / Yii2
Java
Net
CMS
3D
Parallax
MySQL
Ajax
XML
SEO
FTP
JSON
Design
Python
Back-end
Front-end
ASP
Perl
Template
Domain
Hosting
Plugin
Browser
DNS
SVG
Effect
Опрос
Как часто ваш сайт взламывают?




Авторизация
Логин:
Пароль:

Увеличение изображения при наведении на CSS

Опубликовано 10.07.2018

HTML разметка:

<div class="container">
  <img class="car" src="increase_image/car1.jpg" alt="info-less.ru"/>
</div>

Применим следующие CSS стили:

.container {
  width: 160px;
  height: 160px;
  overflow: hidden;
  border-radius: 50%;
  text-align: center;
}
.car {
  transition: 0.4s;
  height: 160px;
}
.car:hover {
  transform: scale(1.15, 1.15);
}