Все для веб-дизайнера
CSS
В данной рубрике вы можете найти интересные новости на тему «CSS». Мы нашли следующие интересные результаты:
Открытие формы входа при прокрутке страницы
9 Окт
Форма авторизации это ключевое составляющее взаимодействия с вашими посетителями, ведь авторизация поможет расширить функционал посетителя предоставив ему новые возможности. Также не забывайте, что зарегистрировавшись на нашем сайте вы сможете добавлять и сохранять в избранное любимые статьи и подписываться на уведомления о новых уроках. Сегодня речь пойдет о создании интересной формы авторизации которая будет появляться при прокрутке страницы вниз, кроме этого вы можете ее вызвать при помощи кнопки внизу сайта.
Гибкие слайды с эффектом параллакса на CSS3
4 Окт
Cегодня мы бы хотели поделиться интересным примером слайдера для сайта, речь пойдет о добавлении эффекта параллакса в раскрывающиеся слайды. По умолчанию блок слайдов будет похож на перевернутое гамбургер-меню, при нажатии на каждую полосу блок с изображением будет раздвигаться с плавной анимацией демонстрируя посетителю содержания слайда. Кроме этого каждый слайд будет стилизованный иконкой в нижней части, что позволит пользователю иметь представление о содержании слайда, выглядит весь слайдер достаточно круто.
3D кубичный текстовый эффект при помощи JS
15 Сен
Сегодня речь пойдет о простом эффекте, а именно о том, как создать интересный 3D кубичный текстовый эффект при помощи JS, звучит сложно, но на самом все достаточно элементарно, недавно встретили окончание заголовка на сайте который анимировался, выглядело очень эффектно, ведь последнее слово в предложении постоянно менялось тем самым меняя суть всего предложения, нам это очень понравилось, и сегодня мы бы хотели показать как можно реализовать такой эффект у меня на сайте приложив при этом минимум усилий.
Эффект тумана на сайте при помощи CSS3
14 Сен
Иногда сайт необходимо украсить каким-то необычным элементом, это может быть слайдер, анимация или даже эффект снега, которые были ранее очень популярны. Но не все хотят делать эффекты под копирку, по этому прибегают к своеобразным методам, сегодня мы бы хотели показать вам как можно сделать весьма необычный и анимированный эффект тумана на сайте при помощи CSS3. Идея состоит в том, что у нас будут облака дыма которые будут двигаться на сайте оживляя его необычным эффект, все смотрится очень просто и креативно.
Страница 404 для сайта в стиле Cyberpunk
12 Сен
Дизайнеры часто задаются вопросом, как красиво украсить страницу 404, чтобы не потерять пользователя, ведь все пути очень тяжело отследить и такая страница просто обязана быть на вашем сайте. Зачастую разработчики ее игнорируют никак не придав ей стилизации, но попадая на такую страницу посетитель просто закрывает вкладку, и соответственно вы теряете посетителя или потенциального клиента. Сегодня большая шумиха на счет разрабатываемой игры Cyberpunk 2077 и мы хотим показать сделанную страницу 404 в таком стиле.
Форма авторизации на сайте в виде слайдера
28 Авг
Практически ни один сайт не может обойтись без формы авторизации на сайте. Авторизация на сайте позволяет не только удержать пользователя но и предоставить ему больше возможностей взаимодействия с сайтом. Сегодня речь пойдет о создании необычной формы авторизации и регистрации для сайта с применением CSS3 и немного JS. Идея состоит в том, что у нас будут два блока, один с авторизацией, а второй как вы уже поняли, с регистрацией, при переключении между ними панель с формой будет скользить предоставим посетителям интерактивный опыт.
Мобильное меню внизу сайта с помощью SVG и JS
23 Авг
Недавно мы писали о том, что бургерное меню на сайте весьма не практичное и не удобное, по этому вам стоит от него отказываться и переходить на более практичные и обдуманные решения. Сегодня мы хотим рассказать как создать прекрасное мобильное меню внизу сайта при помощи CSS и JS. Идея состоит в том, чтобы отказаться от одной кнопки, и прилепить внизу сайта четыре основных элемента, которые будут выделять основные возможности сайта. Кроме этого при выборе активного пункта будет происходить красивая анимация с переходом.
Загрузка ...