I have a team section on my site where I want clicking on the team member’s name to reveal their bio. I want this effect to fade in rather than just appear.
My solution seems to work, but only the first time - i.e. the first time that team member is clicked.
Here’s how I set it up.
00:00 - set initial state hidden
00:00 - set initial opacity 0%
00:00 - hide other team members x4
00:00 - set hide/show to shown
00:00 - set opacity 100% (0.5s duration)
Any ideas how I can improve this?
Here is my public share link:
Chroma Trading | Team
It would be more helpful to check the implementation on your project.
Anyway, I tested myself and adding
opacity: 0% should make it work. Because technically after the block appears it remains on opacity: 100%, so you’ve to set if back to opacity: 0 to have that fade effect.
opacity: 0 with your third step 00:00 - hide other team members x4
Check that and let me know if there is anything.
Thanks Abi, how can I share the implementation of my project?
I will give your solution a try.
Check this link below to see how you can share your project.
If you’re new to the Webflow forum, welcome!
Anyone with the read-only link of your project can explore your project in the Designer. Any changes they make while in read-only mode will not be saved. This is helpful when you need design advice or when you need help troubleshooting an issue in your project.
By the way, did you try my suggestion above??
Oh great then
You link doesn’t seems to be public but if your issue is solved, please mark this topic and solved as well.