style.css in King Addons for Elementor – 100+ Elementor Widgets, 4 000+ Elementor Templates, WooCommerce Builder, Mega Menu, Popup Builder 51.1.79, at includes/widgets/Hovering_Image_Stack/style.css

263 lines 6.6 KB Raw Download Zip

1	@keyframes king-addons-hovering-image-stack-rotating {
2	0% {
3	transform: rotate(0deg)
4	}
5	to {
6	transform: rotate(360deg)
7	}
8	}
9
10	@keyframes king-addons-hovering-image-stack-rotating-inverse {
11	0% {
12	transform: rotate(0deg)
13	}
14	to {
15	transform: rotate(-360deg)
16	}
17	}
18
19	@keyframes king-addons-hovering-image-stack-bounce-sm {
20	0%, to {
21	transform: translateY(0)
22	}
23	50% {
24	transform: translateY(10%)
25	}
26	}
27
28	@keyframes king-addons-hovering-image-stack-bounce-md {
29	0%, to {
30	transform: translateY(0)
31	}
32	50% {
33	transform: translateY(20%)
34	}
35	}
36
37	@keyframes king-addons-hovering-image-stack-bounce-lg {
38	0%, to {
39	transform: translateY(0)
40	}
41	50% {
42	transform: translateY(40%)
43	}
44	}
45
46	@keyframes king-addons-hovering-image-stack-fade {
47	0%, to {
48	opacity: 1
49	}
50	50% {
51	opacity: .6
52	}
53	}
54
55	@keyframes king-addons-hovering-image-stack-scale-sm {
56	0%, to {
57	transform: scale(1)
58	}
59	50% {
60	transform: scale(1.1)
61	}
62	}
63
64	@keyframes king-addons-hovering-image-stack-scale-md {
65	0%, to {
66	transform: scale(1)
67	}
68	50% {
69	transform: scale(1.4)
70	}
71	}
72
73	@keyframes king-addons-hovering-image-stack-scale-lg {
74	0%, to {
75	transform: scale(1)
76	}
77	50% {
78	transform: scale(1.8)
79	}
80	}
81
82	.king-addons-hovering-image-stack-img,
83	.king-addons-hovering-image-stack-item {
84	will-change: auto;
85	}
86
87	.king-addons-hovering-image-stack-wrapper {
88	position: relative;
89	display: inline-block;
90	box-sizing: border-box
91	}
92
93	.king-addons-hovering-image-stack-wrapper .king-addons-hovering-image-stack-item {
94	position: absolute
95	}
96
97	.king-addons-hovering-image-stack-wrapper {
98	--king-addons-hovering-image-animation-speed: 6000ms;
99	--king-addons-hovering-image-hover-animation-speed: 300ms;
100	}
101
102	.king-addons-hovering-image-stack-rotating,
103	.king-addons-hovering-image-stack-rotating-inverse {
104	animation-timing-function: linear;
105	animation-iteration-count: infinite;
106	animation-fill-mode: both;
107	}
108
109	.king-addons-hovering-image-stack-rotating {
110	animation-name: king-addons-hovering-image-stack-rotating
111	}
112
113	.king-addons-hovering-image-stack-rotating-inverse {
114	animation-name: king-addons-hovering-image-stack-rotating-inverse
115	}
116
117	.king-addons-hovering-image-stack-rotating,
118	.king-addons-hovering-image-stack-rotating-inverse {
119	animation-duration: var(--king-addons-hovering-image-animation-speed, 5s)
120	}
121
122	.king-addons-hovering-image-stack-bounce-lg,
123	.king-addons-hovering-image-stack-bounce-md,
124	.king-addons-hovering-image-stack-bounce-sm,
125	.king-addons-hovering-image-stack-fade,
126	.king-addons-hovering-image-stack-scale-lg,
127	.king-addons-hovering-image-stack-scale-md,
128	.king-addons-hovering-image-stack-scale-sm {
129	animation-timing-function: ease-in-out;
130	animation-iteration-count: infinite;
131	animation-fill-mode: both;
132	animation-duration: var(--king-addons-hovering-image-animation-speed, 5s);
133	}
134
135	.king-addons-hovering-image-stack-bounce-sm {
136	animation-name: king-addons-hovering-image-stack-bounce-sm;
137	}
138
139	.king-addons-hovering-image-stack-bounce-md {
140	animation-name: king-addons-hovering-image-stack-bounce-md
141	}
142
143	.king-addons-hovering-image-stack-bounce-lg {
144	animation-name: king-addons-hovering-image-stack-bounce-lg
145	}
146
147	.king-addons-hovering-image-stack-scale-sm {
148	animation-name: king-addons-hovering-image-stack-scale-sm
149	}
150
151	.king-addons-hovering-image-stack-scale-md {
152	animation-name: king-addons-hovering-image-stack-scale-md
153	}
154
155	.king-addons-hovering-image-stack-scale-lg {
156	animation-name: king-addons-hovering-image-stack-scale-lg
157	}
158
159	.king-addons-hovering-image-stack-fade {
160	animation-name: king-addons-hovering-image-stack-fade
161	}
162
163	.king-addons-hovering-image-stack-bounce-lg,
164	.king-addons-hovering-image-stack-bounce-md,
165	.king-addons-hovering-image-stack-bounce-sm,
166	.king-addons-hovering-image-stack-fade,
167	.king-addons-hovering-image-stack-scale-lg,
168	.king-addons-hovering-image-stack-scale-md,
169	.king-addons-hovering-image-stack-scale-sm {
170	animation-duration: var(--king-addons-hovering-image-animation-speed, 5s)
171	}
172
173	.king-addons-hovering-image-stack-scale,
174	.king-addons-hovering-image-stack-scale-inverse,
175	.king-addons-hovering-image-stack-scale-inverse-lg,
176	.king-addons-hovering-image-stack-scale-inverse-sm,
177	.king-addons-hovering-image-stack-scale-lg,
178	.king-addons-hovering-image-stack-scale-sm {
179	transition: all .4s cubic-bezier(.165, .84, .44, 1);
180	backface-visibility: hidden
181	}
182
183	.king-addons-hovering-image-stack-scale *,
184	.king-addons-hovering-image-stack-scale-inverse *,
185	.king-addons-hovering-image-stack-scale-inverse-lg *,
186	.king-addons-hovering-image-stack-scale-inverse-sm *,
187	.king-addons-hovering-image-stack-scale-lg *,
188	.king-addons-hovering-image-stack-scale-sm * {
189	backface-visibility: hidden
190	}
191
192	.king-addons-hovering-image-img-stack-scale-sm:hover,
193	.king-addons-hovering-image-img-stack-scaled-sm {
194	z-index: 999999;
195	transform: scale(1.05) !important
196	}
197
198	.king-addons-hovering-image-img-stack-scale:hover,
199	.king-addons-hovering-image-img-stack-scaled {
200	z-index: 999999;
201	transform: scale(1.1) !important
202	}
203
204	.king-addons-hovering-image-img-stack-scale-lg:hover,
205	.king-addons-hovering-image-img-stack-scaled-lg {
206	z-index: 999999;
207	transform: scale(1.15) !important
208	}
209
210	.king-addons-hovering-image-img-stack-scale-inverse-sm:hover {
211	transform: scale(.95) !important
212	}
213
214	.king-addons-hovering-image-img-stack-scale-inverse:hover {
215	transform: scale(.925) !important
216	}
217
218	.king-addons-hovering-image-img-stack-scale-inverse-lg:hover {
219	transform: scale(.9) !important
220	}
221
222	.king-addons-hovering-image-img-stack-fly-sm {
223	transition: all .4s cubic-bezier(.165, .84, .44, 1)
224	}
225
226	.king-addons-hovering-image-img-stack-fly-sm:hover {
227	transform: translate(0, -3px) !important
228	}
229
230	.king-addons-hovering-image-img-stack-fly-sm,
231	.king-addons-hovering-image-img-stack-fly-sm * {
232	backface-visibility: hidden
233	}
234
235	.king-addons-hovering-image-img-stack-fly {
236	transition: all .4s cubic-bezier(.165, .84, .44, 1)
237	}
238
239	.king-addons-hovering-image-img-stack-fly:hover {
240	transform: translate(0, -6px) !important
241	}
242
243	.king-addons-hovering-image-img-stack-fly,
244	.king-addons-hovering-image-img-stack-fly * {
245	backface-visibility: hidden
246	}
247
248	.king-addons-hovering-image-img-stack-fly-lg {
249	transition: all .4s cubic-bezier(.165, .84, .44, 1)
250	}
251
252	.king-addons-hovering-image-img-stack-fly-lg:hover {
253	transform: translate(0, -9px) !important
254	}
255
256	.king-addons-hovering-image-img-stack-fly-lg,
257	.king-addons-hovering-image-img-stack-fly-lg * {
258	backface-visibility: hidden
259	}
260
261	.king-addons-hovering-image-stack-img {
262	transition-duration: var(--king-addons-hovering-image-hover-animation-speed, 5s)
263	}