php (328)
js (243)
html (147)
математика (142)
калькулятор (82)
html tags (63)
php function (56)
js tag (56)
число (50)
дробь (50)
jquery (42)
text (37)
js method (36)
js date (33)
php array (33)
form html (30)
online (28)
object date (26)
fonts (26)
Показать еще :
link (26)
ruweb.net (25)
html attribute (25)
type of input (21)
определение (20)
atom (20)
php matematika (20)
php file (20)
forum (19)
sublime text 3 (19)
input (18)
js attribute (18)
hosting (18)
деление (18)
десятичная дробь (18)
svg (18)
php date (17)
css property (17)
board (16)
php time (16)
html book (16)
js replace (15)
php string (15)
color (15)
php folder (15)
js events (14)
js url (14)
img (14)
js time (14)
font download (14)
вычитание (13)
osclass (13)
онлайн (13)
info (13)
htaccess (13)
select (13)
notepad (13)
знак (12)
php img (12)
keyboard (12)
dw block (12)
table (12)
download (12)
php path (12)
form (11)
yandex webmaster (11)
js location (11)
jsphp (11)
icon (11)
font awesome (11)
attribute data (10)
drop down list (10)
mouse (10)
js delete (10)
keyframes (10)
yandex (10)
признак делимости (10)
отрицательные (10)
css shape (9)
database (9)
php count (9)
смешанная дробь (9)
alphabet (9)
вычитание дробей (9)
php session (9)
сложить (9)
dosite (8)
document js (8)
calculator (8)
php array key (8)
encryption (8)
js array (8)
js attr delete (8)
jquery attribute (7)
dreamweaver (7)
cookie (7)
php error (7)
php post (7)
programs (7)
selector css (7)
$ server (7)
php url (7)
queryselector (7)
перевод дробей (7)
степень (7)
background (7)
border property (7)
browser (7)
php operator (7)
comment (7)
attribute title (7)
tag title (6)
tags meta (6)
click (6)
iframe (6)
canvas (6)
robots txt (6)
mysql (6)
different (6)
js class (6)
filezilla (6)
list (6)
position element (6)
php get (6)
php substr (5)
chart (5)
$ global vars (5)
js id (5)
js slice (5)
placeholder (5)
js math (5)
php cookie (5)
умножение (5)
textarea (5)
paragraph (5)
adminka (5)
mb (5)
reg.ru (5)
value (5)
php second (5)
треугольник (5)
ftp (5)
year (5)
registration (5)
display property (5)
directadmin (5)
search (5)
code editor (5)
heading (5)
tag a (5)
площадь (5)
php var (4)
нок (4)
href attribute (4)
корень (4)
bbcode (4)
xml (4)
задача (4)
base64 (4)
week (4)
ssl (4)
count symbol (4)
js domain (4)
умножить дробь (4)
php preg replace (4)
flags (4)
dwweb ru (4)
php type var (4)
scandir (4)
games (4)
day (4)
classlist (4)
task (4)
vk (4)
text decoration (4)
php constants (4)
symbols (4)
template (4)
js form (4)
php cycle (4)
pages (4)
month (4)
position (4)
console (4)
clock fonts (4)
js window (4)
php register (4)
делить дробь (4)
php task (4)
submit (4)
js string (4)
first letter (3)
money (3)
php cycle for (3)
js post (3)
overflow (3)
question (3)
vs code (3)
domen (3)
php password (3)
https (3)
js attr ad (3)
js attr get (3)
js attr change (3)
jquery post (3)
subdomain (3)
php rand (3)
js hash (3)
js tag delete (3)
font style (3)
line (3)
function time (3)
js cookie (3)
russian alphabet (3)
preg replace (3)
php counters (3)
js img (3)
captcha (3)
pseudo element (3)
checkbox (3)
сложить дробь (3)
периметр (3)
php method (3)
jquery class (3)
ucoz (3)
padding (3)
selector (3)
php get element (3)
numbers (3)
auto form (3)
magic constants (3)
куб (3)
sitemap (2)
comments+ (2)
yoomoney (2)
js object (2)
js vars (2)
php round (2)
seo (2)
js value (2)
facebook (2)
about me (2)
countries (2)
audio player (2)
computer (2)
php mail (2)
jquery method (2)
errordocument (2)
input stroke (2)
css book (2)
tag hr (2)
youtube (2)
video (2)
php array value (2)
калькулятор 2 (2)
contenteditable (2)
type file (2)
counter (2)
arrows (2)
делить смешанную (2)
js property (2)
attribute target (2)
php form (2)
file cms (2)
qr kod (2)
authorization (2)
рся (2)
набрать дробь (2)
функция (2)
круг (2)
prompt (2)
delete tag (2)
source code (2)
google (2)
php array sort (2)
height (2)
typeof (2)
js attr hey (2)
details (2)
квадрат (2)
js session (1)
smile (1)
php minute (1)
прямоугольник (1)
нод (1)
объем (1)
rutube (1)
text align (1)
jquery book (1)
input html (1)
cursor (1)
js tag get (1)
js tag change (1)
windows (1)
sublime text 4 (1)
jino (1)
archive (1)
js folder (1)
header (1)
js tag do (1)
scroll (1)
xmlhttprequest (1)
css indent (1)
php info (1)
type range (1)
sberbank (1)
speed (1)
Эффект поворот фото css
Нам нужен был эффект поворота фото. И можно было бы поломать голову и самому написать такой эффект поворота фото на 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="Пример эффекта поворота">
Результат:
Не благодарите, но ссылкой можете поделиться!
Временная ссылка для быстрейшей индексации : список всех квадратных корней.
Теги :
поворот фото css
эффект поворот фото css
повернуть фото на несколько градусов
Как повернуть фото в css
поворот фото css
эффект поворот фото css
повернуть фото на несколько градусов
Как повернуть фото в css