https://www.sncapedia.org/index.php?action=history&feed=atom&title=Template%3ANuts%2Fnuttyeffect.css 2026-04-13T22:32:39Z Revision history for this page on the wiki MediaWiki 1.44.2 https://www.sncapedia.org/index.php?title=Template:Nuts/nuttyeffect.css&diff=9051&oldid=prev 2026-01-03T23:49:39Z

<p>Created page with &quot;.acorn { font-size: 40px; <span class="autocomment">Adjust size of the emoji: </span> animation: fall 2s linear infinite; <span class="autocomment">Animation properties: </span> } @keyframes fall { 0% { transform: translateY(-300px); <span class="autocomment">Start above the viewport: </span> opacity: 1; } 90% { opacity: 1; } 100% { transform: translateY(100vh); <span class="autocomment">Move to the bottom of the viewport: </span> opacity: 0; <span class="autocomment">Fade out: </span> } }&quot;</p> <p><b>New page</b></p><div>.acorn {<br /> font-size: 40px; /* Adjust size of the emoji */<br /> animation: fall 2s linear infinite; /* Animation properties */<br /> }<br /> <br /> @keyframes fall {<br /> 0% {<br /> transform: translateY(-300px); /* Start above the viewport */<br /> opacity: 1;<br /> }<br /> <br /> 90% {<br /> opacity: 1;<br /> }<br /> 100% {<br /> transform: translateY(100vh); /* Move to the bottom of the viewport */<br /> opacity: 0; /* Fade out */<br /> }<br /> }</div>

Bob