Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How can I achieve this "pop out" effect? Reply To: How can I achieve this "pop out" effect?

#240782
kerrinrose
Participant

Thanks, I’ve made some progress, here’s a codepen…

http://codepen.io/kerrinrose/pen/Yqvday

two things…I’d like the elements not clicked to stay in place rather than shift over, I’ve tried temporarily adding a position: absolute; to both but they both go to the left corner on top of each other if I do that

and also is it possible for the origin point of the animation to be centered for the center one and expanding out to the left on the right most one? I tried transform-origin for this one to no avail.

Thanks a lot