Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/okikio/postcss-spring-easing. PostCSS plugin to add that bounce and boogie that only springs can bring
easings linear postcss postcss-plugin spring spring-easing
Something went wrong. Try again.
1.3 kB · 78 lines
HTML
at commit 23712df9
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> :root { color-scheme: dark light; }
.div { background-color: red; width: 5rem; height: 5rem; border-radius: 0.25rem; position: relative; display: block; } .div2 { background-color: blue; }
.div3 { background-color: green; }
.div4 { background-color: purple; }
.div5 { background-color: orchid; }
.div6 { background-color: lightblue; }
.div7 { background-color: coral; }
.linear-easing-1 { background-color: rgb(152, 224, 255); }
.linear-easing-2 { background-color: rgb(0, 179, 255); }
.linear-easing-3 { background-color: rgb(120, 193, 71); }
.linear-easing-4 { background-color: rgb(214, 156, 10); }
.linear-easing-5 { background-color: rgb(34, 38, 81); }
.linear-easing-6 { background-color: rgb(29, 208, 62); }
.linear-easing-7 { background-color: rgb(242, 81, 22); } </style></head><body> <script src="main.ts" type="module"></script></body></html>