JSFiddle - React, Tailwind, and code Playground

by Mahadevan Sivasubramanian

HTML

<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque habitant morbi tristique senectus et netus. Tincidunt vitae semper quis lectus nulla. Amet massa vitae tortor condimentum lacinia. Pulvinar etiam non quam lacus. Accumsan in nisl nisi scelerisque. Scelerisque felis imperdiet proin fermentum leo. Auctor neque vitae tempus quam pellentesque. Ornare quam viverra orci sagittis eu volutpat. Nunc mattis enim ut tellus.<br/><br/>

Auctor augue mauris augue neque gravida. Neque laoreet suspendisse interdum consectetur libero id. Blandit volutpat maecenas volutpat blandit. Habitant morbi tristique senectus et. Pretium vulputate sapien nec sagittis. Dictum fusce ut placerat orci. Ipsum faucibus vitae aliquet nec ullamcorper sit amet. Mauris sit amet massa vitae tortor condimentum. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Augue interdum velit euismod in pellentesque massa placerat duis ultricies.<br/><br/>

Risus at ultrices mi tempus. Diam maecenas ultricies mi eget mauris pharetra et ultrices. Nisl pretium fusce id velit ut tortor pretium viverra suspendisse. Fusce ut placerat orci nulla pellentesque dignissim. Interdum velit euismod in pellentesque. Potenti nullam ac tortor vitae purus faucibus ornare. Aliquam ultrices sagittis orci a scelerisque purus. Viverra vitae congue eu consequat. Scelerisque felis imperdiet proin fermentum leo. Mauris rhoncus aenean vel elit. Duis tristique sollicitudin nibh sit amet commodo nulla. Nunc lobortis mattis aliquam faucibus purus in massa tempor nec. Et leo duis ut diam quam nulla. Sed faucibus turpis in eu mi bibendum. Dignissim cras tincidunt lobortis feugiat vivamus.<br/><br/>

Ornare arcu dui vivamus arcu. Purus gravida quis blandit turpis cursus in hac. Venenatis tellus in metus vulputate eu scelerisque felis imperdiet. Erat imperdiet sed euismod nisi porta lorem mollis aliquam ut. Libero volutpat sed...

CSS

#footer{ background-color: #fff;
    border-top: 4px solid #e4002b;
    bottom: 0;
    left: 0;
    max-width: 100%;
    position: fixed;
    right: 0;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: all .35s;
    z-index: 500;}