Уголки и рамки на CSS

В данной заметке показаны варианты оформления информационных блоков при помощи уголков и рамок. Например, загнутый уголок, ленточка на блоке, картинная рамка и другие.

Все примеры адаптивны и могут быть любой высоты и ширины.

Уголки с hover-эффектом:

Текст

Загнутый уголок:

Текст

Закругленные уголки:

Текст

Врезанные в фон уголки:

Текст

Информационный уголок:

i
Текст - 2
Текст

Уголок-ленточка:

лента
лента
Текст

Картинная рамка 1:

Текст

Картинная рамка 2:

Текст

Похожие записи:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Владислав:

    Спасибо, воспользовался загнутый уголок

    Ответить