Скачать крутые CSS Border эффекты для различных объектов на сайте

9 230 любопытных

Привет, друг! Встречай крутую подборку в которой собрано несколько крутых эффектов обводки для объектов на CSS и не только (CSS border). Конечно же всё совершенно бесплатно!

Рекомендую:

Анимированная обводка для объекта на CSS

See the Pen <a href="https://codepen.io/Mamboleoo/pen/zYOJOGb">CSS border (using an SVG)</a> by Louis Hoebregts (<a href="https://codepen.io/Mamboleoo">@Mamboleoo</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать

Крутые эффекты для кнопок на CSS

See the Pen <a href="https://codepen.io/giana/pen/yYBpVY">CSS Border transitions</a> by Giana (<a href="https://codepen.io/giana">@giana</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать

Красивая обводка для объекта с анимацией на CSS

See the Pen <a href="https://codepen.io/mike-schultz/pen/NgQvGO">Animated CSS Gradient Border</a> by Mike Schultz (<a href="https://codepen.io/mike-schultz">@mike-schultz</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать

Различные анимационные border эффекты для полей ввода текста на сайте

See the Pen <a href="https://codepen.io/Takumari85/pen/RaYwpJ">Awesome input focus effects</a> by Takuma.I (<a href="https://codepen.io/Takumari85">@Takumari85</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать

Неоновая и анимационная обводка для текста

See the Pen <a href="https://codepen.io/giana/pen/qmKNeE">CSS-only shimmering neon text</a> by Giana (<a href="https://codepen.io/giana">@giana</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать

Несколько стильных эффектов для текста

See the Pen <a href="https://codepen.io/Jintos/pen/crlxk">-webkit-background-clip:text CSS effect </a> by Jintos (<a href="https://codepen.io/Jintos">@Jintos</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать

Анимационное подчёркивание ссылок

See the Pen <a href="https://codepen.io/tonkec/pen/jWmgqN">Sass mixin library for text hover</a> by Antonija Šimić (<a href="https://codepen.io/tonkec">@tonkec</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать

Красивая CSS обводка для текста на сайте

See the Pen <a href="https://codepen.io/tmrDevelops/pen/VeRvKX">Imperfect Buttons</a> by Tiffany Rayside (<a href="https://codepen.io/tmrDevelops">@tmrDevelops</a>) on <a href="https://codepen.io">CodePen</a>.

Скачать