JSFiddle - React, Tailwind, and code Playground

F*Art

by CBroe

HTML

<h1><span><span>F</span><del>uck</del></span> Art</h1>

CSS

@import url(http://fonts.googleapis.com/css?family=Neuton:400,700,800);

body { font-family: 'Neuton', serif; }
h1 { padding-left:.125em; font-size:100px; }
h1 > span { float:left; margin:.5em -1.95em 0 -.5em; font-weight:normal; font-size:.25em; }
h1 span span { display:inline-block; width:1em; height:1em; line-height:.875; border:1px solid; border-radius:50%; text-align:center; }
h1 span del { visibility:hidden; text-decoration:none; }
h1:hover span span { -webkit-transform:scaleX(-1); }
h1:hover span del { visibility:visible; }