Gradient , hover, несъвместимост ?


0
Някой ще споделили, защо след използване на градиенти , hoverа се " счупи " ? И как може да се оправи това?



Отговори



0

Ако целиш да направиш просто градиента на input бутоните на клакулатора ти предлагам да го направиш по следният начин:

input:hover
{
    background-image: -webkit-linear-gradient(top, #FFFF00, #FFA400);
    background-image: -moz-linear-gradient(top,  #FFFF00, #FFA400);
    background-image: -o-linear-gradient(top, #FFFF00, #FFA400);
    background-image: -ms-linear-gradient(top, #FFFF00, #FFA400);
    background-image: linear-gradient(top, #FFFF00, #FFA4000);
}

Ако се опитваш да го направиш 100% както е в задачата, мисля че е невъзможно защото има един glow ефект който се прави с други технологии освем CSS и html 5, който не сме учили все още.


от Vladimir Amiorkov (0 точки)


0
Благодаря Владо за изчерпателния отговор! Открих, че когато задам и на hover { background: gredient ....} работи. Ще използвам и снимкa, и gradienti, to have:))

от triple (0 точки)


0
Използвай картинки за фон. Не са толкова остарели, можеш да ги ползваш.

от milendimitrov (0 точки)


0
Здравей колега,
Препоръчвам ти да изгледаш и второто видео на лекцията "CSS Presentation" от Димо Димов. Доколкото помня, той препоръчва да се използват именно градиенти, изхождайки от това, че настоящият курс е ориентиран именно към новите технологии, а за предходния Front-end курс си беше нормално използването на картинки.
Поздрави!

от georgi.s.yankov (6219 точки)