JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<a class="frontend work" target="_blank" title="An online magazine for Front End Developers" href="http://www.frontend.co.il/">
                            <figure>
                                <img src="images/frontend-logo.png">
                            </figure>
                        </a>
                        
                        <a class="phpbb work" href="http://phpbb.co.il" target="_blank" title="The Hebrew edition of phpBB, the popular open-source bulletin board">
                            fawefawef <p>wefwef</p>
          

                        </a>

CSS

* {
  -webkit-transition: all 0.2s ease-out;  
     -moz-transition: all 0.2s ease-out;  
      -ms-transition: all 0.2s ease-out;  
       -o-transition: all 0.2s ease-out;  
          transition: all 0.2s ease-out;
}

.work * {background: yellow;}
.work:hover * {background: red;}
a {display: block;}