Introduction:
CSS3 Sonar Menu is a horizontal list menu that highlights each menu link with
a pulsating sonar effect. Inside each menu link, a
:before
and
:after
pseudo
element generates two circles (by setting their border-radius
to
50% ) with "double
" borders to form the sonar look. CSS3 keyframe animation is then
used to animate the sonar's scale (via CSS3 transform
), creating a moving, pulsating
effect.
HTML:
CSS:
0 comments :
Post a Comment