Гостевой вход

Вы не залогинились

Лента материалов Веб-дизайн (исходники и демо) RSS

Всего материалов в каталоге: 55
Показано материалов: 1-10
 
58 Создаём 3D-кнопки с помощью технологий CSS 21 вариант различных цветовых схем для создания привлекательных кнопок с имитацией объёма, используются технологии CSS3.
 
74 Набор CSS-фильтров для изображений В данном материале мы рассмотрим набор CSS-фильтров для изображений, которые позволят вам добиться над изображением таких результатов, которых раньше вы могли добиться, лишь используя программы графического редактирования, тот же Adobe Photoshop например.Сделать фото более или менее контрастным, разблёрить, создать эффект сепии, всё это можно сделать теперь, используя лишь CSS-технологии, небольшим фрагментом кода. Поехали!
 
148 Дополнительная информация во всплывающих подсказках на CSS
Tooltips ( 13.04.2017 )
Интересное, на мой взгляд, решение с выводом дополнительной информации для изображений. Суть: имеем фотогалерею с изображениями, для которых изначально снижена непрозрачность,при наведении на изображение параметр opacity становится равным единице и выводится дополнительная информация об изображении, при этом само изображение вместе с текстом подсказки выводится в едином блоке на белом фоне.
 
237 Оригинальный Lightbox от Lokesh Dhakar Классический лайтбокс от Lokesh Dhakar, рассмотрим два варианта: лайтбокс для одиночных изображений и лайтбокс для группы изображений с элементами навигации.
 
232 5 вариантов CSS3 HOVER-эффектов для изображений Рассмотрим пять различных вариантов эффектов для изображений при наведении, в которых используя свойство border, мы получаем довольно специфичные эффекты. Обращаю внимание, что демо-примеры будут работать только в современных браузерах, поддерживающих CSS3.
 
264 3 варианта CSS3 HOVER-эффекта для изображений с подписями В современном интернет-сообществе существует множество методов, используемых для создания интерактивности на сайте, но, пожалуй, наиболее элегантным остаётся CSS, и, в частности, возможности, пришедшие к нам с появлением CSS3. Раньше, для создания каких-то эффектов, мы прибегали к помощи JavaScript технологий, но теперь, благодаря всё более растущей поддержке многими современными браузерами технологий CSS3, реализовать эффекты сейчас можно без каких-либо скриптов. Здесь мы рассмотрим три варианта различных эффектов для изображений, суть которых: появляющаяся подпись к изображению, сопровождается каким-то эффектом.
 
246 15 HOVER-эффектов для изображений с помощью CSS CSS-технологии в настоящее время дают широкий спектр возможностей для создания различных эффектов, переходов, анимаций, которые визуально делают работу пользователя с элементами сайта более привлекательной. В этом материале мы рассмотрим 15 различных HOVER-эффектов для изображений, которые могут украсить фотогалерею вашего сайта или портфолио.
 
408 Lightcase.js - респонсивный Lightbox на основе jQuery и SASS Lightcase.js представляет собой мощный и гибкий плагин Lightbox для настольных компьютеров и мобильных устройств. Он использует CSS3 переходы, работает со сторонними ресурсами, поддерживает различные типы устройств, а также все современные браузеры, такие как Google Chrome, Mozilla Firefox, Opera, Internet Explorer 9+ и многие другие.
 
272 Hover.css - набор CSS3 эффектов для элементов страницы сайта
Прочее ( 12.11.2016 )
Hover.css представляет собой таблицу CSS-стилей, применимых к различным элементам на странице сайта (ссылкам, кнопкам, логотипам, SVG и просто изображениям), дающих в итоге различные визуальные эффекты, как то: трансформация, фоновые и граничные переходы, тени и свечение, пузыри и загнутые уголки и прочее. Вся прелесть в том, что вам достаточно подключить файл стилей hover.css на страницах своего сайта и прописать для нужных элементов страниц соответствующие эффектам классы и всё, можете любоваться!
 
290 PowerTip - jQuery плагин для создания всплывающих подсказок
Tooltips ( 06.11.2016 )
PowerTip прост в конфигурации, имеет очень гибкий, легко настраиваемый дизайн, дающий вам ряд различных способов использования всплывающих подсказок, имеет интерфейсы API для разработчиков, а также поддерживает использование сложных данных в подсказках. С его помощью можно реализовать работу как статичных всплывающих подсказок, так и динамичных, следующих за курсором мыши, есть возможность взаимодействия пользователя с содержимым подсказки. Всплывающие подсказки работают для любого типа элемента. Плагин активно развивается и поддерживается, стремясь подстраиваться под нужды пользователей.

1-10 11-20 21-30 31-40 41-50 51-55

Метки для поиска материалов

Новое в разделе "Для UCOZ"

Статистика сайта

Блок статистики "Кто онлайн" - оформление еще четырьмя цветовыми схемами.

От: ps-studio   04.10.2017  

В этом материале продолжаем оформление статистики на uCoz, которая отражает онлайн-посетителей. Статистику, опять же, заключаем в современно оформленный блок, и на выбор будет еще четыре цветовые схемы в дополнение к шести ранее опубликованным. Читать дальше

Комментариев: 0   Просмотров: 52

Статистика сайта

Блок статистики "Кто онлайн" - оформление шестью цветовыми схемами.

От: ps-studio   03.10.2017  

В этом материале оформляем статистику на uCoz, которая отражает онлайн-посетителей. Статистику заключаем в современно оформленный блок и на выбор будет целых шесть цветовых схем блока.
Мелочью типа выделения иконкой в онлайн-списке администраторов никого не удивишь. Есть эта возможность и для нашего блока. Читать дальше

Комментариев: 0   Просмотров: 47

Форум

Вид материалов форума (флип-карта мини-профиля со своим фоном)

От: ps-studio   29.09.2017  

Сегодня представляю вашему вниманию очередной вариант оформления мини-профиля в сообщениях форума. Под мини-профилем я понимаю левую часть сообщения, где располагается аватарка пользователя и краткая информация (статистика). Так вот, суть данного решения: во-первых, у каждого пользователя будет своё фоновое изображение мини-профиля, во-вторых, информация о пользователе становится доступной после клика по иконке информации, при этом происходит эффектная анимация, будто карточка мини-профиля поворачивается вокруг своей оси в горизонтальной плоскости. Читать дальше

Комментариев: 0   Просмотров: 64

Онлайн статистика

18.11.2017

Суббота

Онлайн всего: 1
Гостей: 1
Пользователей: 0

На сайте сейчас:
Сайт управляется системой uCoz

Веб-дизайн в примерах,скачивание исходников, ресурсы для Photoshop,решения для сайтов uCoz.
PS-Studio.Info 2008 - 2017