JSFiddle - React, Tailwind, and code Playground

by Afsar zan

HTML

<div class="gradient-background"> Should you use AngularJS, Backbone or Ember?  What should beginners to frameworks choose? Dean Sofer of AngularUI and Craig McKeachie, author of the JavaScript Framework Guide, offer their insight in this post. Codementor AngularJS expert Dean Sofer is a full-stack developer who has been working with Angular since v.0.9.x before it was even popular, and he has given talks at conferences and Google on AngularJS best practices.</div>

CSS

.gradient-background {
            background: #149290;
            background:-moz-linear-gradient(-45deg, #149290 32% , #1c4973 100%);
            background:-webkit-gradient(linear, left top, right bottom, color-stop(32%, #149290), color - stop(100% , #1c4973));
            background:-webkit-linear-gradient(-45deg, #149290 32% , #1c4973 100%);
            background:-o-linear-gradient(-45deg, #149290 32% , #1c4973 100%);
            background:-ms-linear-gradient(-45deg, #149290 32% , #1c4973 100%);
            background:linear-gradient(135deg, #149290 32% , #1c4973 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= '#149290', endColorstr = '#1c4973', GradientType = 1);
            padding: 10px 10px;
            width: 280px;
            height: 250px;
            box-shadow: 0 px 2 px 8 px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 px 2 px 8 px rgba(0, 0, 0, 0.3);                 -webkit-box-shadow: 0 px 2 px 8 px rgba(0, 0, 0, 0.3); -webkit-animation: fade-in 1s 1;
            animation: fade-in 1s 1;
    color:#fff;
 }