Heute möchte ich euch zeigen, dass eine kleine Text animation im Blog überhaupt keine Hexerei ist. Ja ich behaupte, dass jeder der mit WordPress ein Text schreiben kann, kann auch einen Text animieren.

Und zwar möchte ich euch zeigen, wie man so eine kleine Animation wie hier machen kann.

Ich sage

Um diese Animation auch machen zu können, müsst ihr nur ein wenig CSS in euer WordPress einbauen.

Zuerst einmal legt ihr 2 Klassen an – wie in diesem Beispiel

1
2
3
<div class="textanimation_stil">
Ich sage <span class="textanimation_text"></span>
</div>

Nachher gibt ihr in euer Style.css File folgendes ein:

1
2
3
4
5
textanimation_stil {
font-size: 40px;
color: aqua;
font-weight: 700;
}

Und dann definiert ihr den Wechsel der Wörter – wie zb hier

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
.textanimation_text:before {
	content: 'Hoi';
	animation: animate infinite 8s;
}
@keyframes animate 
{
	0%
	{
		content: 'Hoi';
	}
		10%
	{
		content: 'Hallo';
	}
		50%
	{
		content: 'Welcome';
	}
		75%
	{
		content: 'Grüezi';
	}
}

Wer diesen Text-Wechsel auch haben möchte, und mehr Erklärt haben möchte, der sollte sich mein neues Youtube Video anschauen.

Wie ihr jetzt seht – es ist gar nicht so schwer sowas einzubauen – das kann eigentlich jeder 🙂

Ich wünsche viel Spass






Notice: Undefined index: HTTP_REFERER in /home/sterntal/public_html/chefblogger_v2/wp-content/plugins/wpstatistix/tracking.php on line 30