How can i resize css icon?

Question

Hi i want to use this icon on my homepage

.logo.chrome {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  height: 210px;
  width: 210px;
  z-index: 1;
}

But it's css and when i try to change width or height the icon shape is massed

The icon is too big want to change size to make it smaller

Is there any guide?

Want to select whole css and change size

nalinc · Accepted Answer · 2015-01-19 07:35:00Z

1

To edit such css shapes with different colors and dimensions, you need to try different combinations for widths, heights and margins [proportionately] for all relevant classes. And since you'll be editing css, you might actually need something like less for more maintainable and extendable code.

Have a look at this tutorial. It is concerned with drawing css shapes and editing them. Hope it'll help

Cheers!

answered Jan 19, 2015 at 7:35

nalinc

7,43327 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can i resize css icon?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related