Implementierung langer Textschatten in Less in CSS3

Dieser Artikel stellt hauptsächlich die Implementierung von langen Textschatten in CSS3 LESS vor und teilt sie mit Ihnen. Die Details sind wie folgt:

Frage

Um den folgenden Effekt zu erzielen

Wichtigste Wissenspunkte

Schriftschatten in CSS-Text-Shadeless

Schleifen und Zusammenführungscode in der Syntax

<div class="long-shadow">Vertikale Silhouette</div>

 .loop(@counter) wenn (@counter > 0) {
    .loop((@counter - 1));
    Textschatten+: (1px * @counter) (1px * @counter) #2d585a;
  }
 .langer Schatten{
    Überlauf: versteckt;
    Hintergrundfarbe: #5f9ea0;
    Breite: 800px;
    Höhe: 160px;
    Zeilenhöhe: 160px;
    Textausrichtung: zentriert;
    Buchstabenabstand: 80px;
    Farbe: #fff;
    Schriftgröße: 100px;
    .Schleife(200);
  }

Dies ist das Ende dieses Artikels über die Implementierung langer Textschatten in Less in CSS3. Weitere relevante Inhalte zu langen Textschatten in Less finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!