Forums

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

Home Forums CSS Pure CSS logo gradient and shadow

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

    This is my Code pen http://codepen.io/pieperz/pen/RNgyEB

    I am wanting to take this logo and change gradient and add some sort of a shadow.

    My question is how can I change the red to a gradient and make it have a shadow behind the logo. Should I refactor or learn LESS im not sure the best direction to head and every thing I try does not work.

    Also comments on how to best refactor this or a better way for it to be made in the first place would be much appreciated.

    #194224
    Paulie_D
    Moderator

    That’s WAY too much HTML just to make a logo.

    You’d never get a consistent single gradient over all those disparate elements and even a drop-shadow would be tough because of the way it’s constructed.

    You’d be better off using an SVG or a basic image.

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