Zvislé čierne panel sa zobrazí v strede prvku v rôznych rozlíšeniach, keď pomocou gradientu. To sa objaví v "attack" prehliadačoch (Firefox je výnimkou).
Môj HTML kód:
<div class="button">Button</div>
CSS kód:
.button {
background: #007FEE;
background: linear-gradient(
135deg, transparent 10px, #007FEE 0) top left, linear-gradient(
225deg, transparent 10px, #007FEE 0) top right;
background-size: 50% 100%;
background-repeat: no-repeat;
color: #000;
height: 40px;
}
Tu je to, že druhý background
nehnuteľnosť je dôvod, prečo je to zobrazí (lineárne-gradient).
Vďaka vopred za odpovede! Ospravedlňujem sa moja angličtina.