More Control Over CSS Borders With background-image | CSS-Tricks

You can make a typical CSS border dashed or dotted. For example: .box { border: 1px dashed black; border: 3px dotted red; } You don’t have all that much control over how big or long the dashes or gaps are. And you certainly can’t give the dashes slants, fading, or animation! You can do those things with some trickery though. Amit Sheen build this really neat Dashed Border Generator: The trick is u

[rakda3]

repeating-linear-gradient。グラデーションの画像をCSSコードにより作る。