Font colour zoom out on hover

[guclusat]

Font colour zoom out on hover

Just a simple effect I thought was nice and worth sharing. Simply paste the following into EXTRA.css and on hover your colour font blocks will zoom out at you.



I'm quite sure the -o prefix isn't needed anymore. This is for 1.2 only and works with redactor editor.

.redactor_color_link:hover {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  transform: scale(2,2);
  -ms-transform: scale(2,2); /* IE 9 */
  -webkit-transform: scale(2,2); /* Safari and Chrome */}

I wish you success.