Идейная страница Дмитрия Рыбалка

На этой странице я собираю интересные идеи созданные в Zero Block без использования кодов.
На мобильных устройствах скрольте блоки горизонтально.

← Смотреть все работы

Заказать создание сайта →

→

Заказать
создание сайта

Эффекты кнопок
с шейпами в Зеро Блок

Посмотреть локацию

Под кнопкой шейп треугольник

Под кнопкой текстовый блок

Оставить заявку

При наведении на кнопку появляется синий шейп

Под кнопкой текст, при наведении цвет стрелки становится белый

Подпись на слайдере
и под слайдером в Зеро Блок

Убрал стрелки и точки, а к тексту добавил отступ top-margin -50px, чтобы текст накладывался на слайдер

Добавил только стрелки, а к тексту добавил отступ top-margin -35px, чтобы текст расположился в один ряд с кнопками

Формы

Наложил поверх кнопки шейп и текст. Установил у них pointer events: none

Отправить

Отступ между формой и кнопкой 0px

Отступ между формой и кнопкой -1px

Нажми

Над формой серая кнопка с надписью нажми. Через пошаговую анимацию настроено появление этой кнопки при наведении на форму. Чтобы кнопка была не активна установите: pointer events: none

При наведении на форме появляется шейп поверх всех остальных элементов, который добавляет акцент на заполнении формы

Минималистичные формы

Форма состоит из 3-х элементов:
— Форма с белыми полями
— Разделительная вертикальная линия (pointer events: none)
— Подложка-шейк со скруглёнными краями, обводкой и непрозрачностью 50% при наведении на форму

to be continued...

Понравились идеи? Буду рад вашей оценке: