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

[Решено] hover для одной кнопки из групы


Recommended Posts

Отдельный код кнопки создан и работает, только нужно создать hover для нее, пропобовал по-разному, не получаеться. Сайт: Rizono.com Код: 

.product-thumb .button-group button:nth-child(1) {
    background-image: linear-gradient(to bottom, #41d060, #2c9f45);
	color: white;
    background-repeat: repeat-x;
    border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}

Полный код:

.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button:nth-child(1) {
    background-image: linear-gradient(to bottom, #41d060, #2c9f45);
	color: white;
    background-repeat: repeat-x;
    border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}
.product-thumb .button-group button + button {
	width: 20%;
	border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
	color: #dddddd;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}

 

Screenshot_10.png

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


  • Tom locked this topic
Гість
Ця тема закрита для публікації повідомлень.
  • Зараз на сторінці   0 користувачів

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

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

Important Information

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