← All changes | css/admin/animations.css +12 -100 6.33 → 6.24.1 View file →

		@@ -1,8 +1,7 @@
1	1	/* fadeIn */
2	2	.frm-fadein {
3		- --frm-fadein-time: 400ms;
4		- animation: fadeIn var(--frm-fadein-time, 400ms) ease-in-out forwards;
	3	+ animation: fadeIn 400ms ease-in-out forwards;
5	4	}
6	5
7	6	.frm-fadein-up {
8	7	animation: fadeInUp 230ms ease-in-out forwards;
		@@ -8,95 +7,56 @@
8	7	animation: fadeInUp 230ms ease-in-out forwards;
9	8	}
10	9
11	10	.frm-fadein-up-back {
12		- animation: fadeInUpBack 500ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
	11	+ animation: fadeInUpBack 500ms cubic-bezier( 0.34, 1.56, 0.64, 1 ) forwards;
13	12	}
14	13
15	14	.frm-fadein-down-short {
16		- --frm-fadein-down-short-time: 300ms;
17		- animation: fadeInDownShort var(--frm-fadein-down-short-time, 300ms) ease-out forwards;
	15	+ animation: fadeInDownShort 300ms ease-out forwards;
18	16	}
19		-
20		-.frm-fadeout {
21		- animation: fadeOut var(--fadeout-time, 400ms) ease-in-out forwards;
22		-}
23		-
24	17	/* END fadeIn */
25	18
26		-/* pulse */
27		-.frm-pulse {
28		- position: relative;
29		-}
30		-
31		-.frm-pulse::after {
32		- content: "";
33		- position: absolute;
34		- top: 0;
35		- left: 0;
36		- width: 100%;
37		- height: 100%;
38		- border-radius: inherit;
39		- background-color: inherit;
40		- z-index: -1;
41		- animation: pulse 2s ease-out 650ms infinite;
42		- will-change: transform, opacity;
43		-}
44		-
45		-/* END pulse */
46		-
47	19	/* slide down */
48	20	.frm-slide-down,
49	21	.frm-collapse-me {
50	22	animation: slideDown var(--slide-time, 2000ms) cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
51	23	}
52		-
53	24	/* END slide down */
54	25
55	26	/* cascadeFadeIn */
56	27	.frm-init-cascade-animation {
57		- transform: translateY(0);
58		- opacity: 1 !important;
	28	+ transform: translateY( 0px );
	29	+ opacity: 1.0 !important;
59	30	transition: 0.35s transform, 0.35s opacity linear;
60	31	will-change: transform;
61	32	}
62		-
63	33	.frm-init-cascade-animation > * {
64	34	transition: 0.3s opacity linear;
65	35	transition-delay: 0.1s;
66	36	}
67		-
68	37	.frm-init-cascade-animation.frm-animate {
69		- transform: translateY(7px);
70		- opacity: 0 !important;
	38	+ transform: translateY( 7px );
	39	+ opacity: 0.0 !important;
71	40	}
72		-
73	41	.frm-init-cascade-animation.frm-animate > * {
74		- opacity: 0;
	42	+ opacity: 0.0;
75	43	}
76		-
77	44	/* End cascadeFadeIn */
78	45
79	46	/* FadeIn 3d */
80	47	.frm-init-fadein-3d.frm-animate {
81		- opacity: 0 !important;
82		- transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.00095, 0, 0, 1, 0, 0, 0, 0, 1) translateY(15px) scale3d(0.92, 0.92, 1);
	48	+ opacity:0.0!important;
	49	+ transform: matrix3d( 1,0,0,0,0,1,0,-0.00095,0,0,1,0,0,0,0,1 ) translateY( 15px ) scale3d( 0.92, 0.92, 1 );
83	50	}
84		-
85	51	.frm-init-fadein-3d {
86		- opacity: 1 !important;
87		- transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) translateY(0) scale3d(1, 1, 1);
	52	+ opacity:1!important;
	53	+ transform: matrix3d( 1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1 ) translateY( 0px ) scale3d( 1, 1, 1 );
88	54	transition: 0.35s transform, 0.5s opacity linear;
89	55	}
90		-
91	56	/* END FadeIn 3d */
92	57
93		-.frm-background-highlight {
94		- animation: backgroundHighlight var(--highlight-time, 2750ms) ease-in forwards;
95		-}
96		-
97	58	@keyframes fadeIn {
98		-
99	59	0% {
100	60	opacity: 0;
101	61	}
102	62
		@@ -104,21 +64,9 @@
104	64	opacity: 1;
105	65	}
106	66	}
107	67
108		-@keyframes fadeOut {
109		-
110		- 0% {
111		- opacity: 1;
112		- }
113		-
114		- 100% {
115		- opacity: 0;
116		- }
117		-}
118		-
119	68	@keyframes fadeInUp {
120		-
121	69	0% {
122	70	opacity: 0;
123	71	transform: translateY(10px);
124	72	}
		@@ -129,9 +77,8 @@
129	77	}
130	78	}
131	79
132	80	@keyframes fadeInUpBack {
133		-
134	81	0% {
135	82	opacity: 0;
136	83	transform: translateY(32px);
137	84	}
		@@ -142,9 +89,8 @@
142	89	}
143	90	}
144	91
145	92	@keyframes fadeInDownShort {
146		-
147	93	0% {
148	94	opacity: 0.4;
149	95	transform: translateY(-2px);
150	96	}
		@@ -155,9 +101,8 @@
155	101	}
156	102	}
157	103
158	104	@keyframes slideDown {
159		-
160	105	0% {
161	106	max-height: 0;
162	107	opacity: 0;
163	108	overflow: hidden;
		@@ -173,39 +118,6 @@
173	118	}
174	119
175	120	100% {
176	121	max-height: none;
177		- }
178		-}
179		-
180		-@keyframes backgroundHighlight {
181		-
182		- 0% {
183		- background-color: var(--primary-25);
184		- }
185		-
186		- 90% {
187		- background-color: var(--primary-25);
188		- }
189		-
190		- 100% {
191		- background-color: #fff;
192		- }
193		-}
194		-
195		-@keyframes pulse {
196		-
197		- 0% {
198		- transform: scale(1);
199		- opacity: 0.8;
200		- }
201		-
202		- 70% {
203		- transform: scale(2.2);
204		- opacity: 0;
205		- }
206		-
207		- 100% {
208		- transform: scale(2.2);
209		- opacity: 0;
210	122	}
211	123	}