.css:hover{}

spais

Регистрация
4 Июн 2018
Сообщения
37
Реакции
102
Сегодня мы будет готовить доши... делать мега крутой неебический эффект.

Для этого нам нужен
1. Текстовый редактор
2. Не очень кривые руки


Итак начинаем
Создаем 2 файла

index.html
style.css


В index.html пишем
Код:
<!DOCTYPE html>
<html lang="ru">
<head>
    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <title>Мега крутой неебический эффект</title>
</head>
<body>
    <img src="https://itvegas.ru/styles/default/xenforo/itvegas-logo.png" alt="" class="">
</body>
</html>
А в style.css
Код:
img{background: #000;
    position: absolute;
    left:30%;
    margin:20px auto;
    transition: .2s
    max-width: 100%
}

img:hover
{
    transform: scale(1.5)
}
И теперь при наведении у нас будет увеличиваться картинка

P.S Для того что бы сделать этот эффект, я учился веб-программированию 2 года(нет)
P.P.S Тема говно, но для наби... кхм.. хорошая тема
 

Elleyer

I never seen a white person before.
Регистрация
30 Май 2018
Сообщения
36
Реакции
54
spais, Теперь 2 года учить веб-кодинг(
 

Elleyer

I never seen a white person before.
Регистрация
30 Май 2018
Сообщения
36
Реакции
54
spais, Сложно было, наверное
 

DgMixa

На любой секрет найдётся хакер…
Регистрация
18 Июн 2018
Сообщения
15
Реакции
8
Я тебя понимаю брат...
 
Сверху Снизу