Tag Archives: pseudo elements

How to animate “box-shadow” with silky smooth performance | Tobias Ahlin

How to animate “box-shadow” with silky smooth performance Source: How to animate “box-shadow” with silky smooth performance | Tobias Ahlin

Styling elements based on sibling count | Lea Verou

Alternative to bootstrap columns which allows you to equally space list items full width on the page. jsfiddle /* one item */ li:first-child:nth-last-child(1) {width: 100%;} /* two items */ li:first-child:nth-last-child(2), li:first-child:nth-last-child(2) ~ li {width: 50%;} /* three items */ li:first-child:nth-last-child(3), li:first-child:nth-last-child(3) ~ li {width: 33.3333%;} /* four items */ li:first-child:nth-last-child(4), li:first-child:nth-last-child(4) ~ li {width: 25%;} […]