Amal Karim ✅• 1,290
@amalkarim
Posted
Hi Roy. To make transition between show/hide the .share-components, we can't use display: none; and display: flex, because display property is not animatable. Change .hidden style from display: none; to this:
.container .card .article-description .profile .hidden {
scale: 0;
}
Then add this two declarations:
.container .card .article-description .profile .share-components {
....
scale: 1;
transition: scale 0.3s;
}
You can use other methods to show/hide, like using position (especially in mobile view) to make slide up/slide down effect.
Hope this helps. Happy coding!
Marked as helpful
1
