Все для веб-дизайнера
Эффект масок для изображений с помощью CSS
Мар 15
Ранее мы уже публиковали уроки про различные маскирующие эффекты, основанные на свойствах SVG. На этот раз мы воспользовались прозрачностью PNG, чтобы увеличить масштаб маски. Если вы хотите изменить цвет масок форматов .png, вы можете легко сделать это в Photoshop (или любом другом графическом редакторе), применив цветное наложение ко всему слою изображения. Если вы планируете создавать свои собственные маски, обратите внимание, что этот эффект работает только в том случае, если в самом центре маски пустое пространство.
Захватывающий видео-шаблон для сайта на JS
Мар 7
В данном уроке мы хотим рассмотреть достаточно красивый видео-эффект для сайта. Который заключается в трансформации видео с плавной анимацией. В результате данной анимации видео впишеться в мобильный телефон, с дальнейшим проигрыванием в заданном месте. В последнее время, мы натолкнулись на пару веб-сайтов с подобным эффектом. Мы попытались создать нечто подобное, в виде простого шаблона.
Универсальный WordPress шаблон Monstroid 2
Фев 1
В этой статье мы познакомим вас с Monstroid 2, универсальным WordPress шаблоном нового поколения. Monstroid 2 является результатом слаженной командной работы, нестандартного мышления и постоянного стремления к совершенству. Вы готовы узнать всё об этом продукте, стильном “снаружи” и функциональном “внутри”? Тогда просмотрите более детальную информацию этом, замечательном, шаблоне. Мы уверены, что Monstroid 2, который был выпущен в 2017 году не оставит Вас равнодушным.
Эффекты искажения кнопок с помощью фильтров
Дек 15
Все больше разработчиков используют SVG, что заставляет развивать данное направление. В данном уроке мы рассмотрим замечательный прием с применением фильтром основанных на SVG. Такой прием мы подключим к кнопкам. Основная идея заключается в применении эффекта искажения или эффекта жидкости к кнопке. Также мы рассмотрим возможное применения данной технологии в других элементах. Обратите внимание, что данный эффект экспериментальный, по этому может работать не во всех браузерах.
Интерактивные hover-эффекты для сайта на JS
Дек 10
Прежде всего, мы бы хотели пояснить, для тех, кто не знает, что такое hover-эффекты, мы немного объясним. Это различные виды эффектов (всплывающие подписи, подсказки, плавные переходы, трансформация, ротация, увеличение, смещение.) применяемые к элементам веб-сайта при наведении на них курсора мыши. Реализованы эти эффекты могут как с помощью различных плагинов jQuery, так и на чистом CSS3. Сегодня мы хотели бы поделиться некоторыми экспериментальными эффектами при наведении курсора мыши.
Модальное окно с эффектом перетаскивания на JS
Ноя 25
Прочитав заголовок вы подумаете, что ничего нового в этом уроке вы для себя не найдете, но не спешите делать выводы. В сегодняшнем уроке мы рассмотрим достаточно новый и экспериментальный эффект перетаскивания элементов, который наверняка вас удивит. Во время перетаскивания объектов мы будем менять их форму для добавления интерактивности. Одной из самых интересных вещей является вычисление прозрачности объекта в зависимости его позиции по оси x. Давайте посмотрим, что у нас получилось.
Качественный бюджетный хостинг для сайта
Ноя 24
Что такое хостинг? Хостинг представляет собой услугу, предлагающую физическому лицу вариант хранения собственной информации в цифровом формате на выделенном для этого сервере, имеющем постоянное подключение к интернету. С каждым годом хостингов становится все больше, и найти хороший хостинг с надежным обслуживанием и по разумным ценам становиться все тяжелее. Сегодня мы Вам расскажем о качественном бюджетном хостинге для вашего блога или сайта.
Загрузка ...