"Mouse over Scroll Effect"
Bootstrap 3.3.0 Snippet by selvasekhar

<div class="scrollDiv scroll_delayed"> <div class="scroll-content">Hover me! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere velit, repellat voluptas ipsa impedit fugiat voluptatibus. Facilis deleniti, nihil voluptate perspiciatis iure adipisci magni, nisi suscipit aliquam, quam, et excepturi! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere velit, repellat voluptas ipsa impedit fugiat voluptatibus. Facilis deleniti, nihil voluptate perspiciatis iure adipisci magni, nisi suscipit aliquam, quam, et excepturi!</div> </div>
.scrollDiv { width: 10em; height: 10em; overflow: auto; visibility: hidden; } .scroll-content, .scrollDiv:hover { visibility: visible; } .scroll_delayed { transition: visibility 0.1s; } .scroll_delayed:hover { transition: visibility 0s 0.1s; }

Similar snippets: See More


Comments:

Commenting will be back soon.