Как поменять фон блока ???

Question

[newhacke]

ребят вообщем задача наверное самая простейшная. Но у меня как обычно куча проблем.
Вообщем надо сделать так что бы изначально у контейнера был фон ( background: url(../auto.jpg)) Внутри него сидел заголовок h1 который изначально виден. Так же внутри него сидел текст и кнопка которую не видно.
При наводке hover на этот див должен заливаться фон, в формате градиента. ( background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); )

и появляться кнопка с текстом, которые были либо опасити либо display none. И точно так же пллавно убираться. Проблем в каждом способе которые я перепробовал куча, то картинка дергается то фон не меняется то еще что ли... Пожалуйста голову сломал себе уже как это делается???

Comments

[newhacke]

То есть все должно плавно появлятся и исчезать)) касаемо и кнопок и текста и заливки

[Шухрат Рустамов]

тебе нужно чтобы фон менялся с картинки на заливку? Ну чтобы заливка была абсолютно непрозрачна и картинка менялась а не просто поверх заливалась?

[newhacke]

я бы скинул пример, абсолютно именно то что нужно, но можно ли это делать сайт сторонний) https://l7design.ru/
немного проскролить вниз раздел "РЕШАЕМ ВОПРОСЫ" там три блока, вот надо сделать прям точ в точ как там...

[Froggyweb]

https://codepen.io/froggyweb/pen/qBdGzML

Answer 1

[Фин Дел]

Answer 2

[Шухрат Рустамов]

Comments

[Шухрат Рустамов]

ну или можешь не span-ом а ::before или ::after запилить

Answer 3

[Андрей Федоров]

Ну, а посмотреть как на том сайте сделано? https://codepen.io/aliencash/pen/yLNWdvX