Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

CSS gradient


dolyalexey

Recommended Posts

Добрый день.

Есть код заливки кнопки 

background: linear-gradient(to right,#2fb3b3 0,#2f64b3 50%) 0 0/200% auto;
transition: .5s ease-in-out;

Выглядит вот так 

image.png.cd07545ff185b69f4bcaabb0345cc14d.png

При наведении: 

background-position: right center;

Вот так: 

image.png.efebdf1725cc89dc004bfc2742876e2c.png

 

Подскажите, как развернуть заливку зеркально и эффект при наведении чтоб сдвигался с левой стороны направо? 

Спасибо

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.