CSS Spring Logo

CSS Spring Logo

Share and discuss visual creations and creation practices like texturing, modelling and musing on the meaning of life.

Moderators: MR.D, Moderators, MR.D, Moderators

Post Reply
User avatar
AI Developer
Posts: 20671
Joined: 14 Sep 2004, 11:32

CSS Spring Logo

Post by AF »


The spring logo is a rasterized logo, no true Vector version exists, but not there's a CSS/HTML version! This should scale up and down infinitely, but also includes some changes:
  • No more glossy sheen, this is 2016 not 2007
  • Shadow around the edges removed
  • The radius of the outer corners and the inner corners was messed up, this has now been fixed so that they both have the same/correct focal point
  • Reduced the width of the blue border
  • Simplified the red diagonal gradient
Here's a codepen demonstrating it:


The font size will scale the entire thing up or down. Use arial/helevetica for any text inside, and feel free to adjust the text-shadow property for best effect or switch to box-shadow. I recommend placing an icon font or an SVG in the inner div for maximum effect
Screen Shot 2016-11-07 at 17.32.20.png
(21.37 KiB) Not downloaded yet
1 x

User avatar
Journeywar Developer & Mapper
Posts: 10306
Joined: 24 Jan 2006, 21:12

Re: CSS Spring Logo

Post by PicassoCT »

Vector all the logos
0 x

Post Reply

Return to “Art & Modelling”