При наведении мышью на карточки новостей всё подчёркивалось сразу — дата, заголовок и «Читать далее», — а анимация была резкой, без теней: выглядело грубовато. По замечанию Алексея блок приведён к методологии: мягкие переходы 0.3 с со смягчением ease-out-quad, подъём карточки, двойная мягкая тень.
Версия 29 из 83 ·
patch · 4 пунктов изменений
Что изменилось
Подчёркивание
— при наведении мягко проявляется только у заголовка новости; дата и «Читать далее» больше не подчёркиваются — раньше линия шла по всей карточке сразу
Мягкость карточки
— карточка приподнимается на 3 px и получает плавную двойную тень; фото внутри слегка приближается — переходы 0.3 с со смягчением (по методологии)
Стрелка «Читать далее»
— плавно едет вправо с задержкой 80 мс и слегка темнеет — раньше она не двигалась вовсе
Адаптивность
— на телефоне и при отключённых анимациях (prefers-reduced-motion) всё показывается сразу, без движения
Что это дало
Наведение на новости ощущается мягко и живо
Подчёркивание больше не застревает на всей карточке
Our website uses cookies to improve user experience, collect statistics and provide personalised recommendations. By clicking "Accept", you consent to the processing of cookies in accordance with the Cookie Policy.
Cookie settings
You can configure the cookies that suit you, except for the necessary ones. Declining some cookies may affect the operation of the site.
Necessary cookies
These cookies are essential for the website to function and cannot be disabled in our systems. You can configure your browser to block these cookies or notify you about their use, but in that case some sections of the website may not work.
Targeting cookies
These cookies are set through our website by our partners. They may be used to collect data about your interests, the pages you visit and traffic sources in order to evaluate and improve the operation of our website.
