Button Animation with CSS Offset Paths

PHOTO EMBED

Thu Apr 29 2021 08:05:12 GMT+0000 (UTC)

Saved by @ycljcfer

$count: 0;

​

:root {

  --animation-time: 1s;

  --animation-timging-function: cubic-bezier(0.2, 0.61, 0.355, 1);
6
  --color-primary: #e1e63;

  --color-primary-hover: #ff50c;
8
}
9
​

html {

  font-size: 10px;

}

​

body {
15
  display: flex;

  overflow: hidden;

  align-items: center;

  justify-content: center;

  width: 100vw;

  height: 100vh;
content_copyCOPY

https://codepen.io/Chokcoco/pen/xxgMPzJ