I am looking to incorporate a sleek sliding animation on an article that reveals more information in a div upon mouseover. A great example of this can be seen on where clicking at the top right corner triggers the "Show Modern Dev Ad" feature.
Below is my code snippet:
<style>
.download:hover {
margin-left:10%;
margin-right:40%;
background-color:#DDD;
}
.download {
margin:50px 25%;
height:360px;
background-color:#FFF;
}
// additional styling goes here
</style>
<section>
<article class="download">
<h2>Pong Alpha</h2>
<div>
<ul>
<li>It's fun</li>
</ul>
</div>
</article>
</section>