kopia lustrzana https://github.com/cheeaun/phanpy
Better spring
rodzic
0c5028bea1
commit
36ff2ce9a0
110
src/index.css
110
src/index.css
|
@ -124,7 +124,115 @@
|
|||
--media-outline-color: color-mix(in lch, var(--media-fg-color), transparent);
|
||||
|
||||
--timing-function: cubic-bezier(0.3, 0.5, 0, 1);
|
||||
--spring-timing-funtion: cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
|
||||
/*
|
||||
From https://animejs.com/easing-editor/spring/default
|
||||
Duration: 300
|
||||
*/
|
||||
--spring-timing-duration: 0.94s;
|
||||
--spring-timing-function: linear(
|
||||
0,
|
||||
0.0146,
|
||||
0.0548,
|
||||
0.1153,
|
||||
0.1911,
|
||||
0.2776,
|
||||
0.3706,
|
||||
0.4665,
|
||||
0.562,
|
||||
0.6545,
|
||||
0.7419,
|
||||
0.8225,
|
||||
0.8951,
|
||||
0.9589,
|
||||
1.0137,
|
||||
1.0591,
|
||||
1.0956,
|
||||
1.1235,
|
||||
1.1434,
|
||||
1.156,
|
||||
1.1621,
|
||||
1.1626,
|
||||
1.1585,
|
||||
1.1505,
|
||||
1.1396,
|
||||
1.1264,
|
||||
1.1118,
|
||||
1.0964,
|
||||
1.0807,
|
||||
1.0653,
|
||||
1.0505,
|
||||
1.0367,
|
||||
1.0241,
|
||||
1.0128,
|
||||
1.003,
|
||||
0.9946,
|
||||
0.9878,
|
||||
0.9824,
|
||||
0.9784,
|
||||
0.9757,
|
||||
0.9741,
|
||||
0.9734,
|
||||
0.9737,
|
||||
0.9746,
|
||||
0.9761,
|
||||
0.9781,
|
||||
0.9803,
|
||||
0.9828,
|
||||
0.9853,
|
||||
0.9878,
|
||||
0.9903,
|
||||
0.9927,
|
||||
0.9949,
|
||||
0.9968,
|
||||
0.9986,
|
||||
1.0001,
|
||||
1.0013,
|
||||
1.0024,
|
||||
1.0032,
|
||||
1.0037,
|
||||
1.0041,
|
||||
1.0043,
|
||||
1.0043,
|
||||
1.0042,
|
||||
1.0041,
|
||||
1.0038,
|
||||
1.0034,
|
||||
1.0031,
|
||||
1.0026,
|
||||
1.0022,
|
||||
1.0018,
|
||||
1.0014,
|
||||
1.001,
|
||||
1.0007,
|
||||
1.0004,
|
||||
1.0001,
|
||||
0.9999,
|
||||
0.9997,
|
||||
0.9996,
|
||||
0.9994,
|
||||
0.9994,
|
||||
0.9993,
|
||||
0.9993,
|
||||
0.9993,
|
||||
0.9993,
|
||||
0.9994,
|
||||
0.9994,
|
||||
0.9995,
|
||||
0.9995,
|
||||
0.9996,
|
||||
0.9997,
|
||||
0.9997,
|
||||
0.9998,
|
||||
0.9999,
|
||||
0.9999,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1.0001,
|
||||
1.0001,
|
||||
1
|
||||
);
|
||||
|
||||
--min-dimension: 88px;
|
||||
|
||||
|
|
|
@ -43,7 +43,8 @@
|
|||
}
|
||||
}
|
||||
.ancestors-indicator:not([hidden]) {
|
||||
animation: slide-up-smooth 0.3s both var(--spring-timing-funtion) 0.3s;
|
||||
animation: slide-up-smooth var(--spring-timing-duration) both
|
||||
var(--spring-timing-function) 0.3s;
|
||||
}
|
||||
.ancestors-indicator[hidden] {
|
||||
opacity: 0;
|
||||
|
|
Ładowanie…
Reference in New Issue