Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ alt htmlcssphpjsblog

Эффект поворот фото css

Поддержи проект!!! smile

Нам нужен был эффект поворота фото. И можно было бы поломать голову и самому написать такой эффект поворота фото на css.

Но когда уже есть готовое решение в интернете. То странно вообще тратить на это время!

Но поскольку все запомнить невозможно и рейтинг страниц и публикаций изменяется и найти потом бывает практически невозможно, что ты нашел, кроме тех случаев, когда это было занесено в закладки! Но и закладки – это путь такой… потом столько всего в закладках, что понимаешь, что наступил хаос!

А у нас есть свой сайт, и я периодически пишу здесь то, что было бы интересно вам! И сам прихожу на свой сайт помня, что вроде бы я уже делал такую страницу на тему поворота!

Но хватит молоть воду!

Давай эффект!

Нужна какая-то маленькая фотография, чтобы её можно было повернуть прямо в тексте, и чтобы не сломалась вся страница.

Вчера, как раз я писал о королевском стромбусе – возьмем маленькую фотографию это ракушки и продемонстрируем данный эффект поворота фото через css.

Код:

.povorot img{

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

-ms-transition: all 0.5s ease;

transition: all 0.5s ease;

}

. povorot img:hover {

-webkit-transform: rotate(-10deg);

-moz-transform: rotate(-10deg);

-o-transform: rotate(-10deg);

-ms-transform: rotate(-10deg);

transform: rotate(-10deg);

}

Применение:

<div class="povorot"><img src="https://dwweb.ru/__img/Site/CSS/strombus_korolevskiy.png" alt="Пример эффекта поворота" title="Пример эффекта поворота">

Результат:

Пример эффекта поворота

Последняя дата редактирования : 2020-11-25 13:01
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
поворот фото cssэффект поворот фото cssповернуть фото на несколько градусовКак повернуть фото в css

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
13/04/2021 08:12
Во-первых пожалуйста!1). $new_array - был прописан оттого, что контент на сайте пишется на живых примерах. И часто…
подробнее.
Валерий :
13/04/2021 05:47
перебрал весь материал- во первых спасибоискал другое но понравился Ваш материалerror - или неточность 1. везде…
подробнее.
Марат :
08/04/2021 07:12
Сам афигеваю!
подробнее.
stream :
07/04/2021 05:56
Неплохо)
подробнее.
Марат :
24/03/2021 11:01
Да что вы!? За что обижаться то?Вы тот редкий человек, который смог написать! Вы молодец!Человек, же который не…
подробнее.