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

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

CSS Spring Logo

Post by AF » 07 Nov 2016, 18:31

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
Attachments
Screen Shot 2016-11-07 at 17.32.20.png
(21.37 KiB) Not downloaded yet
1 x

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

Re: CSS Spring Logo

Post by PicassoCT » 07 Nov 2016, 23:30

Vector all the logos
0 x

Post Reply

Return to “Art & Modelling”