JSFiddle - React, Tailwind, and code Playground

HTML

<title>AngularJS</title>
  <script>document.write('<base href="' + document.location + '" />');                 </script>
  <script src="http://code.angularjs.org/1.1.3/angular.js"></script>
  <script src="app.js"></script>
  <script>
  var app = angular.module('fiddle', []);
  app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
  });
</script>
<body ng-app="fiddle" ng-controller="MainCtrl" ng-init="slidercolor='red'">
  <input ng-model="slidercolor">
  
  <span ng-style="{'background-color': slidercolor}">works</span>
  <span ng-style="{'background-color':'-webkit-gradient(linear, left top, right top, color-stop(0%,'slidercolor'), color-stop(100%,rgba(125,185,232,0)))'}">didnt work</span>