I have a class in which I have the overflow-x hidden. When hovering over the class, the overflow-x should become visible but with a delay (transition) I just don't know how to do that:
.syntaxhighlighter {
width: 100% !important;
overflow-x: hidden;
font-size: 1em !important;
padding: 10px 0 10px 0;
background-color: #ddd;
}
.syntaxhighlighter:hover {
width: 100% !important;
overflow-x: visible; /* the visibility should come with a delay (transition) */
font-size: 1em !important;
padding: 10px 0 10px 0;
background-color: #ddd;
}
<div>
(duplicate size, duplicate content) positioned over the top of the original<div>
. The duplicate div then has a "2 second fade-in" when it is hovered over. – Rounin Nov 5 '15 at 23:38