CSS: round corners

Sometimes you can see sites where the menu blocks have rounded corners. It looks much more attractive than bored right angles. The use of rounded elements in website design is becoming an increasingly fashionable technique. Recently, Google has even introduced new options for the design of its ad units with rounded corners.

In this article I will give you some useful resources. On this sites you can find ready-made beautiful blocks with round corners, with ready-made HTML and CSS codes. So you can only copy and paste it on your site and fill out your menu items.

Let start with the site cssround.com. Here you can generate a block with round edges of any color.

Rounded corner generator : css3 or images & css

On the side! I plan to release the paid course “Competent promotion of websites from dusk till down”. If interested, you can apply in the early list through this form to be the first to learn about the course and get a special discount.

Another online generator of round corners.

This generator will help you create the code necassary to use rounded corners on your webpages

This example uses the CSS3 border-radius property. You can select from having all the corners the same radius or you can customize each corner individually.

Schilmania.com offers effective blocks for sites (both with and without streaks).

Well-known among web designers cssplay.co.uk offers these menus with round corners:

Option from kalsey.com

Dear Friends, if you will find new sites on this topic, please post them in comments.

Good luck!

Other interesting posts

Categories CSSTags

Leave a Comment