Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS Button – with internal diagonal shadow

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #206630
    michaeljalmond
    Participant

    Got a button in a design which looks simple but not sure how to achieve this in simple css. Can think of a few longer ways round but wonder if theres a nice clean method.

    Theres the internal diagonal corner to corner like a shine… so how can i get it so it’s always corner to corner no matter what the width. I’ve tried a css triangle but that doesn’t work. Background cover :afters and some rotating but cant seem to find a nice solution.

    Only thing i can think of is an internal span with an img in?

    Thanks :)

    #206631
    Paulie_D
    Member

    I’d go with either an SVG or, at worst, a diagonal gradient but the latter tends to suffer from antialiasing on oaccasions

    http://codepen.io/Paulie-D/pen/XbwpXN

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.