html - After transition is complete, show the div -
Dear StackHowflow readers,
Using only CSS3, I will show a Div after the transition.
This is the snippet of HTML with which I'm working
This is a snippet of CSS3.
I'm working with .bigury {width: 100px; Height: 40px; Swim left; Margin: 5 px; Background: # 3399ff; Color: #ffffff; Box-shadow: 2px 2px 10px RGBA (0, 0, 0, 0.5); Status: Relative; Correct: 5%; font-weight: bold; Font-size: 15px; Text align: center; Padding: 10px; Boundary-radius: 5px; Opacity: 0.4; Transition: All 0.5s ease; Webkit-Infection: All 0.5S Easy; -O-Infection: All 0.5 S Easy; -Mozy-infected: all 0.5S easy; }. Bungery: hover {width: 200px; Height: 600px; Margin: 10px 10px 0px -100px; Opacity: 1; Background: # 7C7C7C; } #moreBio {opacity: 0; Transition: Ease of absence of 0.5 S; -Wbkit-Infection: Ease of Absorption 0.5S; -O-Infection: Ease of absence of 0.5 s; -Mozy-infection: Ease of absence of 0.5 S; } #moreBio: Hover {Opacity: 1; }
I want to see #moreBio after the transition is completed, how would I have to do this?
Thank you very much earlier.
A transition delay
to #moreBio
Add time is the time of transition to .bigography
, and trigger the presence when hovered on .biography
.
#moreBio {opacity: 0; Transition: Ease of 0.5 S 0.5S; -Widk-Infection: The ambiguity is 0.5 to 0.5 seconds; -O-Infection: Ease of Failure 0.5 S 0.5; -Mozy-infected: ambiguity is 0.5 to 0.5 seconds; }. Barragram: Hover # Boro (Opacity: 1; }