Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

[Решено] 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

Link to post
Share on other sites

Добавьте стиль 

.product-thumb .button-group button:nth-child(1):hover {
    background-image: linear-gradient(to bottom, #d0419d, #2c9f45);
}

Link to post
Share on other sites
  • Tom locked this topic
Guest
This topic is now closed to further replies.
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.