Advertisement
Guest User

Untitled

a guest
Jan 22nd, 2017
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.23 KB | None | 0 0
  1. .some-class {
  2. font-size: 5em;
  3. color: #f35626; /* This is not needed because you are using -webkit-text-fill-color: transparent.
  4. but It can be usefull with the currentColor property */
  5. -webkit-background-clip: text;
  6. -moz-background-clip: text;
  7. -ms-background-clip: text;
  8. background-clip: text;
  9. -webkit-text-fill-color: transparent;
  10. -moz-text-fill-color: transparent;
  11. -ms-text-fill-color: transparent;
  12. text-fill-color: transparent;
  13. background-image: -webkit-linear-gradient(92deg, currentColor, #feab3a);
  14. background-image: -moz-linear-gradient(92deg, currentColor, #feab3a);
  15. background-image: -ms-linear-gradient(92deg, currentColor, #feab3a);
  16. background-image: linear-gradient(92deg, currentColor, #feab3a);
  17. animation: hue 60s infinite linear
  18. }
  19.  
  20. @-webkit-keyframes hue {
  21. 0%{
  22. -webkit-filter: hue-rotate(0deg)
  23. }
  24. 100%{
  25. -webkit-filter: hue-rotate(-360deg)
  26. }
  27. }
  28. @-moz-keyframes hue {
  29. 0%{
  30. -moz-filter: hue-rotate(0deg)
  31. }
  32. 100%{
  33. -moz-filter: hue-rotate(-360deg)
  34. }
  35. }
  36. @-ms-keyframes hue {
  37. 0%{
  38. -ms-filter: hue-rotate(0deg)
  39. }
  40. 100%{
  41. -ms-filter: hue-rotate(-360deg)
  42. }
  43. }
  44. @keyframes hue {
  45. 0%{
  46. filter: hue-rotate(0deg)
  47. }
  48. 100%{
  49. filter: hue-rotate(-360deg)
  50. }
  51. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement