Увеличение при навидении курсора
585
Converter
17 мар 2019 г., 12:44
Здраствуйте,есть картинка под ней текст.Мне нужно сделать эффект чтоб при навидении курсора увеличивалась картинка вместе с текстом.Как сделать? помогите пожалуйста
Sovet
17 мар 2019 г., 13:15
Converter, Плавно увеличить или как?
Sovet
17 мар 2019 г., 13:23
Converter, Я например сделал так
плавное увеличиванте
.img:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
плавное увеличиванте
.img:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
Converter
17 мар 2019 г., 14:39
Sovet, плавно,как на этом сайте http://status-team.ru/uslugi/
xpank
17 мар 2019 г., 15:16
Всегда можно посмотреть в инспекторе элементов. Вот как на сайте, на который вы сослались (в принципе, также, как и Sovet написал, через scale):
.ui ul li a:hover{
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease;
-o-transition-duration: 0.2s;
-o-transition-timing-function: ease;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: ease;
-ms-transition-duration: 0.2s;
-ms-transition-timing-function: ease;
-webkit-transform: rotate(0deg) scale(1.130) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1.130) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.130) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1.130) skew(0deg) translate(0px);
position:relative;
}Converter
17 мар 2019 г., 15:33
xpank, Всем спасибо.Все получилось )
Всего: 6
© 2024, JohnCMS