javascript - Rotating images and hidden menus -
i navigation @ here, , know how turned image smoothly (i assuming jquery plug-in, menu icons don't turn), , how menu toggled on , off clicking image.
i tried @ source code, css illegible.
p.s. works in ie well.
they using css transitions.
to turn image use:
.active .icon-menu { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); }
and animate use:
.icon-menu { transition: transform .3s cubic-bezier(0.785,0.135,0.15,0.86); -moz-transition: -moz-transform .3s cubic-bezier(0.785,0.135,0.15,0.86); -webkit-transition: -webkit-transform .3s cubic-bezier(0.785,0.135,0.15,0.86); -o-transition: -o-transform .3s cubic-bezier(0.785,0.135,0.15,0.86); }
with these styles defined animation triggered adding or removing .active
class on corresponding <a>
element.
Comments
Post a Comment