Forums

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

Home › Forums › CSS › CSS Circle Rating

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 7, 2015 at 6:40 pm #192584
    therockstar
    Participant

    Is it possible to make this http://d2w22lx29x10gb.cloudfront.net/rating.jpg in CSS?

    I have to implement this as a badge in new design example is here currently im using image.

    Here is the actual link http://www.hometesterclub.com/au/en/HomeTestedTrial/olay-regenerist/10833

    Regards,
    Romi

    January 8, 2015 at 3:50 am #192609
    Paulie_D
    Member

    The answer is “probably”..but I wouldn’t. It’s far too complex for a single element + CSS.

    Also the text can’t be curved using pure CSS.

    Sometimes the best option is an image…although, in this case, I’d go with an SVG element as it would allow all of the effects you want (including text on a path) AND would be re-usable if constructed in the right manner.

    Could be a fun little project.

    January 8, 2015 at 7:26 pm #192682
    therockstar
    Participant

    Thanks guys for reply i will check which one is suitable for solving this issue.

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