Как да направим заоблени ъгли и градиент с CSS3 HTML5

Вероятно всички вече са чували за въвеждането на новата версия на езика за маркиране HTML за уеб страници под номер 5. Заедно с това нова версия на каскадните таблици със стилове CSS - CSS3.

Тези иновации ви позволяват да правите много интересни неща, без да използвате никакви java скриптове или други технологии. По-специално, те ви позволяват да направите всеки блок

Експериментирах малко с заглавката на моя блог и се оказа това, което виждате сега: както градиента, така и заоблените ъгли. Ще ви кажа как да направите нещо подобно на вас.

Как да направите заоблени ъгли (ръбове) с CSS3 HTML5

Първо изберете елемента, който искате да закръглите. Обикновено това е div под формата на някакъв правоъгълник, квадрат, рамка, таблица и т.н. За да завършите, напишете този атрибут към него в каскадни таблици със стилове:

---