CODEWITHSUNDEEP
cssiconspseudo-element
skeggse
skeggse

Reputation: 6323

Applied CSS Triangle with Pseudo

I've managed to create a reload icon in pure css, but is uses a character that may break on some systems. I know that one can create a triangle in css, and that it can be applied to pseudo elements, but I have not been able to replicate the results for my reload icon.

Fiddle with it here.

Upvotes: 1

Views: 857

Answers (1)

Ana
Ana

Reputation: 37179

How about

.reload.b::before {
    content:'';
    top: -4px;
    left: 3px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 4px solid grey;
    z-index: 1;
}

Demo http://jsfiddle.net/xas5w/2/

Upvotes: 6

Related Questions