14 CSS Flat Buttons
Коллекция сборных свободных 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
Зависимости: —

О коде
Анимированная кнопка с плоским дизайном
Кнопка, которая следует за плоской тенденцией дизайна, но все же имеет некоторую 3D-анимацию при наведении.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —

Анимированная кнопка Rainbow
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —

Материал Дизайн Плоская кнопка
Hacky CSS для плоских материалов Дизайн теней для текста.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —

О коде
Плоские кнопки Psuedo Striped Shadows
Плоские кнопки — все это ярость. Полосы в сезон. Вместо того, чтобы выполнять полосы с повторяющимся фоновым изображением SVG или PNG, этот подход, основанный только на CSS, использует стратегически разнесенный линейный градиент под углом для получения одинакового ощущения. Нет необходимости в тесселяции. Преобразование и преднамеренное z-индексирование дают плавное решение при наведении.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —