css - Change "before" behaviour -
i'm trying cleanup after developer , came across following css animations. how might change click instead of roll-over? i'm not sure 'hover' in case called in terms of css alternatives.
#subscription-dashboard:before { ... } #subscription-dashboard:hover:before { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); ... } #subscription-dashboard:after { left: -80px; top: 145px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); ... } #subscription-dashboard:hover:after { opacity: 0; ... }
the phrase after "pseudo-class"
to handle clicks, can change :hover
:active
, trigger when mouse button clicked. doesn't emulate click unfortunately, releasing mouse button revert normal class; that, use similar to:
transition-delay: 1000000s;
on 1 of classes delay - very long time - restoration non-:active
class.
Comments
Post a Comment