return home
choose one
FAQ why anole?
github project
Report bugs, contribute, or just get the code.
visit my website
back to top .an-reveal .an-wipe-* .an-show-* .an-spoiler-*
anole docs - an-reveal family
.an-reveal class family
Place your mouse over any ".an-reveal" to see its corresponding action. Anole reveal animations can be triggered by a simple hover (or tap on mobile), or you can trigger them programatically by adding the "active" class via Javascript (not yet implemented). Since these classes use transitions to produce their animations, you can easily adjust their timing by overriding the corresponding
classes with your own.
Simply include
transition: Xs
.an-wipe-* classes:
.an-reveal > .an-wipe-left
.an-reveal > .an-wipe-right
.an-reveal > .an-wipe-up
.an-reveal > ...-wipe-down
.an-show-* classes:
.an-spoiler-* classes:
.an-reveal > .an-spoiler-x
.an-reveal > .an-spoiler-xb
.an-reveal > .an-spoiler-y
.an-reveal > .an-spoiler-yb
.an-reveal > .an-spoiler-spinoutx
.an-reveal > .an-spoiler-spinouty