Эффект загнутого уголка при помощи CSS

Эффект загнутого уголка при помощи CSS blogger.omg-linux.ru

Мне очень понравился этот трюк: создание блоков с загнутым уголоком только при помощи CSS3, а точнее, добавление и позиционирование цветного флажка из псевдо-элемента. В эти блоки можно помещать фразы/цитаты, оформлять и выделять какие-либо важные части текста и т.п.
« Комментарии

Похожие анонсы

Эффект загнутого уголка на сайте @ 09.09.2012 12:07
Сегодня я расскажу как сделать "эффект загнутого уголка". Для чего нужен такой уголок? Это нужно для того, чтобы туда поместить какое нибудь изображение с ссылкой, будь то реклама или страница для подписки, в общем что хотим. Так как же реализовать такое?
Создание галереи с помощью CSS3 @ 17.11.2009 08:24
В данном посте описывается создание красивой галереи при помощи CSS3, а именно при помощи свойства -moz-box-shadow, с помощью которого можно поворачивать блоки, жаль что доступно это свойство ещё не во всех браузерах :( Но всё ровно, CSS3 - это круто, что же будет дальше... :)
Photoshop: psd-шаблон листа с загнутым углом @ 02.02.2011 09:14
В рунете много уроков, как сделать в фотошопе эффект загнутого у страницы уголка. Для экономии времени выкладываю заготовку, найденную на photoshopgurus.com
Эффект тумана на сайте при помощи CSS3 @ 10.10.2018 13:18
Иногда сайт необходимо украсить каким-то необычным элементом, это может быть слайдер, анимация или даже эффект снега, которые были ранее очень популярны. Но не все хотят делать эффекты под копирку, по этому прибегают к своеобразным методам, сегодня мы бы хотели показать вам как можно сделать весьма необычный и анимированный эффект тумана на сайте при помощи CSS3.
Создание элемента с эффектом 3D вращения при помощи jQuery и CSS3 @ 13.03.2012 23:56
Данный урок посвящен созданию элемента с красивым эффектом 3D вращения. Идея проста – у нас есть элемент, на котором содержится некая информация. При нажатии на ссылку происходит вращение нашего элемента по горизонтали, и пользователь видит оборотную сторону элемента, содержащую другую информацию...
Создаем круглые углы при помощи CSS3 border-radius @ 22.03.2010 19:43
Сегодня я напишу про свойство CSS3 — border-radius (css3 радиус рамки / css3 радиус границы). При помощи CSS3 border-radius вы сможете создать очень популярный эффект закругленных углов для ваших кнопок, рамок и боксов, используя лишь CSS, никаких картинок и скриптов ненужно.
Создание тени для текста при помощи CSS3 @ 19.10.2011 06:52
Все мы знаем давнее выражение: "Навести тень на плетень". В этой публикации я вам расскажу об этой самой тени. Мы рассмотрим возможности создания тени к тексту вашего блога. Эффект добавления тени к тексту достигается с помощью свойства "text-shadow" CSS3. Подробнее читайте в блоге БЛОGГЕР
Параллакс стена для сайта на JavaScript и CSS3 @ 10.10.2018 14:30
Сегодня мы хотим рассказать вам об одном замечательном эффекте, а именно о том, как создать эффект параллакс-стены для сайта при помощи JavaScript и CSS3. По умолчанию у нас будет три блока с фотографиями, которые зафиксированы в навигации слева, при этом в правой части будут сами фотографии, перелистывание к которым будет сопровождаться скольжением дополнительных блоков, которые будут сверху
Великолепный эффект для аннотаций на CSS3 @ 13.11.2013 11:31
Когда создаешь статью, часто есть необходимость показать на изображении какие-то важные места. И хочется сделать это наиболее красиво, удобно и понятно. И в этой статье мы рассмотрим как с помощью CSS3 можно создать красивый эффект аннотаций с наложением. Пример аннотаций можно увидеть а сайте.
Автоматический scroll текста на сайте на jQuery @ 10.10.2018 13:27
Иногда необходима возможность реализовать прокрутку блоков с текстом, чтобы визуально предоставить информацию для посетителя. Сегодня мы хотим рассказать, как создать автоматический scroll текста на сайте при помощи jQuery и CSS3.

Спонсоры

Авторизация

Имя:
Пароль:
 

Друзья проекта

Активность на сайте