Горизонтальный и вертикальный градиент для любого текста через плагин PxGradient на jQuery
1 2 3 4 5 6 7 8 9 10 11 12 |
<link rel="stylesheet" type="text/css" href="/css/pxgradient.css" /> <script type="text/javascript" src="/js/pxgradient-1.0.1.jquery.js"></script> <script type="text/javascript"> $(function(){ $(".text").pxgradient({ //произвольный селектор jQuery step: 10, // размер шага градиента в пикселях. Меньше шаг - больше качество, но меньше производительность colors: ["#fc0","#0fc","#00f"], // цвета. формат - hex (#4fc05a или #333) dir: "x" // направление градиента. x - горизонтальное, y - вертикальное }); }); </script> |
2#: Далее придаём нужному нам тексту класс "text", который будет обрабатываться нашим плагином:
1 |
<span class="text">Здесь любой ваш текст</span> |