Перейти к содержанию
Коллекция сборных свободных HTML и CSS плоских кнопок . Примеры кода.
Кнопки CSS
CSS Hover Effects
CSS 3D-кнопки
CSS Submit Buttons
Кнопки CSS Gradient
Содержание статьи
О коде
Pure CSS Flipping Button
Это кнопка flatt которая имеет 3-мерный эффект сбрасывания при наведении.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
О коде
Блестящая кнопка
Блестящая увлекательная и плоская кнопка для вызова к действию, только с CSS.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
Автор
Эллисон Скиннер
23 июня 2017 года
О коде
Анимированная кнопка с плоским дизайном
Кнопка, которая следует за плоской тенденцией дизайна, но все же имеет некоторую 3D-анимацию при наведении.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
О коде
Анимированная кнопка Rainbow
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
О коде
Материал Дизайн Плоская кнопка
Hacky CSS для плоских материалов Дизайн теней для текста.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
Автор
Даниэль Пауэлл
30 августа 2016 года
О коде
Плоские кнопки Psuedo Striped Shadows
Плоские кнопки — все это ярость. Полосы в сезон. Вместо того, чтобы выполнять полосы с повторяющимся фоновым изображением SVG или PNG, этот подход, основанный только на CSS, использует стратегически разнесенный линейный градиент под углом для получения одинакового ощущения. Нет необходимости в тесселяции. Преобразование и преднамеренное z-индексирование дают плавное решение при наведении.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
Автор
Дронка Рауль
16 августа 2016 года
О коде
Плоская слоистая кнопка
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
О коде
Pure CSS 3D Flip Buttons
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
О коде
Анимированные кнопки CSS3
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
Автор
Бенджамин Вилина
19 января 2015 г.
Автор
Натаниэль Уотсон
27 августа 2014 года
О коде
Плоская и блестящая кнопка
Кнопка с тонким блеском / блеском стирает при наведении. Нет изображений, только один элемент HTML и псевдоэлемент CSS.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
О коде
12 Причудливых кнопок
12 кнопок с уникальным эффектом опрокидывания, каждый из которых использует только CSS.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
Загрузка...
