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