background: linear-gradient(-45deg, #eee 50%, #000 50.1%);
div {
width: 80%;
height: 300px;
margin: 20px auto;
background: linear-gradient(to right top, transparent 49.8%, #fff 50.2%) no-repeat right / 100px 100%, url(http://zastavok.net/main/priroda/1446112087.jpg) no-repeat top center / cover;
}
Можно ли сделать так что бы hover эффект срабатывал только если навести на ссылку в теге "a"но не на тег "ul " ?
pointer-events: none;
. .second {
position: relative;
height: 300px;
margin-top: -150px;
background: radial-gradient(100% 50% at center top, transparent 49.8%, gray 50.2%);
z-index: 2;
}
.nav-menu li
:.nav-menu li {
display: inline-block;
width: 100%;
}
div {
position: relative;
width: 80%;
height: 200px;
margin: auto;
background: linear-gradient(to bottom, yellow, orange);
}
div::before,
div::after {
content: "";
position: absolute;
bottom: 0;
width: 50%;
height: 50px;
}
div::before {
background: linear-gradient(to right top, #00f 49.3%, transparent 50.8%);
}
div::after {
right: 0;
background: linear-gradient(to left top, #00f 49.3%, transparent 50.8%);
}
display: inline-block;
vertical-align: top