С информацией
Только заголовки

Кнопки закрытия на CSS

Варианты оформления закрывающих кнопок (close button) на CSS

Данные кнопки можно использовать для закрытия любых всплывающих меню, модальных или диалоговых окон

Читать далее

Круговая пульсация на элементах

Эффект круговой пульсации при наведении на кнопку, ссылку или блок

Красивый hover-эффект с использованием CSS3 и JavaScript

Читать далее

Стрелки на CSS

Варианты оформления разнообразных стрелок на CSS

Данные стрелки можно использовать для оформления меню, кнопок, подсказок, каруселей, слайдеров или других элементов на сайте.

Все варианты не используют графические иконки или шрифты

Читать далее

Оформление ссылок внутри контента

Красивые эффекты оформления ссылок, которые расположены в тексте документа

Пару лет назад уже была заметка об оформлении таких ссылок, и эта является ее продолжением.

Во всех примерах в заметке нет необходимости прописывать классы для самих ссылок, а нужно просто добавить стили для контейнера, в котором они находятся.

Читать далее

Оформление ссылок на социальные сети

Установка и варианты оформления кнопок "поделиться" в соц. сетях или перейти в вашу группу (аккаунт)

Что касается ссылок на профили или группы — там все просто, это обычные ссылки. А вот с ссылками "поделиться" немного посложнее, т.к. там нужно в ней передать адрес текущей страницы.

В этой заметке установка таких ссылок и варианты их оформления.

Читать далее

Логотипы на CSS

Несколько примеров оформления логотипов или заголовков для сайта на CSS

Большинство маленьких компаний или некоммерческих сайтов не имеют своих логотипов, а в шапку сайта нужно что-то вставлять. Обычно логотипы рисуются в графических редакторах и на сайте размещаются картинкой, но можно их сделать и на CSS.

Логотип, оформленный на CSS проще редактировать и на него можно наложить не только ховер эффекты, но и анимацию.

Читать далее

Варианты наложения текста на изображение

3 примера наложения текста на картинку без потери его читаемости.

На самом деле таких вариантов намного больше. Для читаемости можно размещать тексты в определенных местах фотографии или редактировать ее. Но в этой заметке рассмотрим только универсальные решения, которые подойдут под любой текст, под любое изображение и под любой размер экрана.

Читать далее

Оформление ссылок внутри текста

Замена стандартного подчеркивания ссылок на различные эффекты

В данной заметке представлено несколько вариантов оформления ссылок, которые находятся внутри текста.

Можно также использовать данное оформление и для списков, и для меню, но сделано оно так, чтобы смотрелось именно в тексте.. Т. е. данные варианты ссылок не имеют бордюров, фона, стрелочек и т. д. и выглядят в тексте как обычные ссылки.

Отличие состоит лишь в то, что почти во всех вариантах, к ссылке применяется inline-block, т. е. если ссылка не уместится в 1 строку, она вся перенесется на следующую.

Читать далее