search

mhulse / css-issues

Practical CSS code snippets and examples.
11 stars 1 forks source link

Faux border using background-image linear-gradient #216

Open mhulse opened 5 years ago

mhulse commented 5 years ago 
.header {
    background-image:linear-gradient(90deg,transparent 16px,#fff 0,#fff calc(100% - 16px),transparent calc(100% - 16px));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px
}