Page 1 of 1

CSS Spring Logo

Posted: 07 Nov 2016, 18:31
by AF
Image

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:

https://codepen.io/anon/pen/Nbqqjm

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

Re: CSS Spring Logo

Posted: 07 Nov 2016, 23:30
by PicassoCT
Vector all the logos