JSFiddle - React, Tailwind, and code Playground

by kentaromiura

HTML

<script src="http://www.polymer-project.org/platform.js?20140312"></script>
<script src="http://www.polymer-project.org/polymer.js?20140312"></script>
<polymer-element name="k-blink">
    <template>
        <style>
            @keyframes blink {
                0%, 100% {
                    color: inherit;
                }
                50% {
                    color:transparent;
                }
            }
            @-moz-keyframes blink {
                0%, 100% {
                    color: inherit;
                }
                50% {
                    color:transparent;
                }
            }
            @-webkit-keyframes blink {
                0%, 100% {
                    color: inherit;
                }
                50% {
                    color:transparent;
                }
            }
            .blink {
                -moz-animation: blink 1s infinite;
                animation: blink 1s infinite;
                -webkit-animation: blink 1s infinite;
            }
        </style>
        <div class="blink"><content></content></div>
    </template>
    <script>
    Polymer('k-blink', {
     
    });
  </script>
</polymer-element>


<k-blink>This is amazing</k-blink>
<k-blink style="color:red">This is even better</k-blink>