Разработка Анимация бордюра с помощью градиента

[baltun]

baltun разместил(а) новый ресурс:

Анимация бордюра с помощью градиента - Анимация бордюра с помощью градиента.

Пишем простой HTML:

<div class="wrapper">
    <div class="box">
        <p>Conic gradient</p>
    </div>

    <div class="box">
        <p>Radial gradient</p>
    </div>
</div>

Пишем наше оформление CSS:

@import url("https://fonts.googleapis.com/css?family=Raleway:400");

* {
    box-sizing: border-box;
}

@property --angle {
  syntax: '<angle>';
  initial-value: 90deg;
  inherits: true;
}

@property --gradX {
  syntax: '<percentage>';
  initial-value: 50%...

Посмотреть страницу этого ресурса...