Skip to content

Instantly share code, notes, and snippets.

@luislobo14rap

luislobo14rap/switch-on-hover-example.html

Created May 24, 2018 13:41
Show Gist options
  • Save luislobo14rap/6ba473e44ced2c9aa5b4bb0432f0ee36 to your computer and use it in GitHub Desktop.
Save luislobo14rap/6ba473e44ced2c9aa5b4bb0432f0ee36 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
switch-on-hover-example.html
<!-- switch-on-hover-example.html v1 -->
<div class="switch-on-hover">
<div class="switch-this">A</div>
<div class="switch-this">B</div>
</div>
Raw
switch-on-hover.css
/* switch-on-hover.css v1 */
.switch-on-hover .switch-this:first-of-type{
display: block;
}
.switch-on-hover:hover .switch-this:first-of-type{
display: none;
}
.switch-on-hover .switch-this:last-of-type{
display: none;
}
.switch-on-hover:hover .switch-this:last-of-type{
display: block;
}
Raw
switch-on-hover.min.css
/* switch-on-hover.min.css v1 */
.switch-on-hover .switch-this:first-of-type{display:block}.switch-on-hover:hover .switch-this:first-of-type{display:none}.switch-on-hover .switch-this:last-of-type{display:none}.switch-on-hover:hover .switch-this:last-of-type{display:block}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment