Три начина да направите картината ще се промени, когато курсора на мишката блог kostanevicha

Три начина да направите картината ще се промени, когато курсора на мишката

Метод №1 - използването на две изображения
Приготвят се две изображения. Те трябва да са със същия размер, но различни по цвят.

Сега поставете двата бутона на файла:

Метод №2 - използването на една снимка
Приготвя се по едно изображение. Но на снимката трябва да има две снимки на копчета с различни цветове.

Вие вероятно се питате как картината ще се промени в друга страна, ако тя е една. Лесно чрез използването на имоти фон-позиция.
Подмяна на едно изображение в друг се осъществява чрез вертикална смяна. Това е всичко чудеса! Обърнете внимание на кода:

Метод №3 - използването на една снимка и CSS-ефект

Направете снимка на пътя №1, например, «knopka-1.png». Тук ние се нуждаем само на една снимка. Когато движите мишката върху изображението задейства CSS-ефект. Обърнете внимание на кода:

Ето такава тук пайове днес!

Добър ден. Благодаря ви за вашия блог информативна. Кажете ми, възможно ли е да се направи с помощта на CSS, така че да не се включи минимизиране навъртам се променили, и надпис? И много бутони и етикети са различни. Или трябва да се създаде функция?

Здравейте, Тимъти! Можете да го направите с помощта на конвенционални CSS.
Прочетете по-нататък тази статия и с помощта на тези правила може да направи това, което искате.

Благодарим Ви за ефективност, но нищо друго. Имам нужда да не ме стила на текста на бутона, а на самия текст. т.е. бутона казва "Да", когато заглавието висене трябва да се промени, за да "не". е възможно това?

При натискане на бутона ще се промени текста:

За да промените текста, когато мишката върху него с мишката, използвайте следния код тук:

Уау! Благодарим Ви! Все още функционира, дори и с Java! Благодаря ви много! При първа възможност ще тества