Is there any clean CSS method to make each letter in a word a different color?

by

Here is some JavaScript.

var message = "The quick brown fox.";
var colors = new Array("#ff0000","#00ff00","#0000ff"); // red, green, blue

for (var i = 0; i < message.length; i++){
  document.write("<span style=\"color:" + colors[(i % colors.length)] + ";\">" + message[i] + "</span>");
}

More Related Contents:

  1. How to change the color of an svg element?
  2. How to set Bullet colors in UL/LI html lists via CSS without using any images or span tags [duplicate]
  3. How do I apply opacity to a CSS color variable?
  4. How can I define colors as variables in CSS?
  5. CSS hexadecimal RGBA?
  6. Convert 8-digit hex colors to rgba colors?
  7. Chrome renders colours differently from Safari and Firefox
  8. div background color, to change onhover
  9. How can I change the color of an ‘svg’ element?
  10. Are there any good reasons for using hex over decimal for RGB colour values in CSS?
  11. How can I invert color using CSS?
  12. Are there any cons to using color names in place of color codes in CSS?
  13. How does hexadecimal color work?
  14. Is there a CSS selector for elements containing certain text?
  15. ::slotted CSS selector for nested children in shadowDOM slot
  16. Aligning grid items across the entire row/column (like flex items can)
  17. How can I get FF 33.x Flexbox behavior in FF 34.x? [duplicate]
  18. Nesting CSS classes
  19. Is embedding background image data into CSS as Base64 good or bad practice?
  20. Specify an SVG as a background image and ALSO style the SVG in CSS?
  21. Can I change the fill color of an svg path with CSS?
  22. Borders not shown in Firefox with border-collapse on table, position: relative on tbody, or background-color on cell
  23. CSS transitions with calc() do not work in IE10+
  24. Make children divs the height of tallest child
  25. On IE CSS font-face works only when navigating through inner links
  26. CSS: How to have position:absolute div inside a position:relative div not be cropped by an overflow:hidden on a container
  27. “Eliminate render-blocking CSS in above-the-fold content”
  28. prevent children from inheriting transformation css3
  29. CSS change d property of
  30. Why were margin collapse rules introduced in CSS?

Leave a Comment