pK
:hover img {position:absolute; width:100%;height:100%;top:0px;left:0px;}
Size: a a a
2021 February 21
pK
Это как самый примитив
pK
Дальше можно добавлять transition
pK
Можно кучу всего добавлять
pK
Это чисто css
_
:hover img {position:absolute; width:100%;height:100%;top:0px;left:0px;}
Вместо всех этих строк можно просто
:hover img {
transform: scale(x, y);
}
:hover img {
transform: scale(x, y);
}
pK
Можно много как
pK
Варианты набросали -
Дальше уже выбор за исполнителем
Дальше уже выбор за исполнителем
_
Ага)
OJ
Привет. Какие паттерны проектирования наиболее часто применяются во фронтенд разработке? Что учить в первую очередь?
🤙Ꮶ
Вместо всех этих строк можно просто
:hover img {
transform: scale(x, y);
}
:hover img {
transform: scale(x, y);
}
Это даже предпочтительней
🤙Ꮶ
И лучше через релатив т.к. хз где ближайший контейнер отсчета координат.
pK
И лучше через релатив т.к. хз где ближайший контейнер отсчета координат.
В этом как раз случае лучше абсолют)))
_
Мне кажется впринципе лучше scale. Во все 4 стороны картинка расширится, а не только в две
🤙Ꮶ
В этом как раз случае лучше абсолют)))
Ну как сказать, если ближайший контейнер документ, то будет не комильфо, если пикча улетит в 0, 0 и станет 100% :)
🤙Ꮶ
Не думаю что требовался такой эффект))
🤙Ꮶ
Мне кажется впринципе лучше scale. Во все 4 стороны картинка расширится, а не только в две
Да, скейл был бы предпочтительней конечно
2021 February 22
C
Добро пожаловать в чат DEVs chat, Рабазан Кондрыченков!
У нас принято представляться при входе.
Если ты не бот, то нажми соответствующую кнопку и сможешь написать в чат.
У нас принято представляться при входе.
Если ты не бот, то нажми соответствующую кнопку и сможешь написать в чат.
C
Добро пожаловать в чат DEVs chat, Ankit Sharma!
У нас принято представляться при входе.
Если ты не бот, то нажми соответствующую кнопку и сможешь написать в чат.
У нас принято представляться при входе.
Если ты не бот, то нажми соответствующую кнопку и сможешь написать в чат.