Lighthouse Text-Effect
The lighthouse effect colors neighboured characters and moves the color around the text.
Usage
title {
text-effect: lighthouse;
text-lighthouse-color: #ffff0000;
text-lighthouse-neighbor-color: #ff990000;
text-lighthouse-mode: left-to-right;
layout: horizontal-center | horizontal-expand;
font {
face: proportional;
size: large;
style: bold;
color: #fff;
}
background-color: #fff;
}
Specific design attributes of the Lighthouse Text-Effect:
| CSS Attribute | Default | Values | Explanation | Since |
|---|---|---|---|---|
| text-lighthouse-color | #44b500 | color | Sets the main color of the lighthouse font-effect. | 1.3 |
| text-lighthouse-mode | back-and-forth | back-and-forth, left-to-right, right-to-left, back-and-forth-once, left-to-right-once, right-to-left-once | Sets the mode of the lighthouse font-effect. | 1.3 |
| text-lighthouse-neighbor-color | #379100 | color | Sets the color for characters next to the currently main character in the lighthouse font-effect. | 1.3 |