search

GrapeCity / wijmo-demo

0 stars 0 forks source link

Discussion on #Input/Popup/Transitions #18

Open NamanRajputXXI opened 2 years ago

NamanRajputXXI commented 2 years ago

Type Your Comment Here

Input/Popup/Transitions

NamanRajputXXI commented 2 years ago

How its background color changing with animation.

banzor commented 2 years ago

Hey, the background color is actually not changing.

The background opacity is changing from 0-1 immediately when becoming visible. And the background opacity is animating from 1-0 when hiding (making it look like it goes from black to white).

This is the code doing it in styles.css ` / CSS animations for fading in and out /

.custom-animation { opacity: 0; transform: rotate3d(1, .5, .5, 180deg) scale(0.1); transition: all ease-in .4s; }

.custom-animation-visible { opacity: 1; transform: none; }`