<span id="bruce-banner" title="Hulk smash!">(╯°□°)╯</span>
<table />
$transition-time: 2s;

body {
  background-color: #000;
  color: #fff;
  font-weight: normal;
}

#bruce-banner {
  cursor: pointer;
  transition: all $transition-time;

  /* hulk mode */
  &:hover {
    font-size: 5em;
    color: green;
    font-weight: bolder;
    transition: all $transition-time;
  }

  &:hover + table::before {
    transform: rotate(180deg);
    transition: transform $transition-time;
  }
}

table {
  display: inline;

  &::before {
    content: "┬──┬";
    position: absolute;
    transition: opacity $transition-time;
    transform: rotate(0deg);
    transition: all $transition-time;
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.