Animierter Text
Auteur : Michael G.
Visité 1546,
Followers 1,
Partagé 0
Was für ein animierter Text ist das?
Das Widget habe ich aber diese Einstellung finde ich nicht.
https://market.websitex5.com/de/vorlagen/vorschau/2a09c456-236b-432f-b1bf-65ecd9a8d7
Posté le
WEnn Du auf "Template Details" oben klickst - stehen alle PlugIns da - könnte demnach nur "animated Headlines" sein - denke ich mal..
Gruß - Michael
Animated Headlines ist das nicht oder wurde verändert.
Dieses Script ist der Auslöser dafür:
Gruß
Andreas
Animated Headlines wurde hier etwas verändert. Der Effekt ist Loading Bar.
Auteur
Ok danke aber den Effekt gibt es bei dem Animierten Text nicht oder?
Also wenn du das so haben möchtest dann musst du folgendermaßen vorgehen:
1. Dieses Code in einem HTML-Objekt einpflegen:
<p class="cd-headline letters scale"><span>Our </span><span class="cd-words-wrapper" style="width: 122.531px;"><b class="is-visible" style="opacity: 1;"><i class="out">P</i><i class="out">r</i><i class="out">o</i><i class="out">d</i><i class="out">u</i><i class="out">c</i><i class="out">t</i><i class="out">s</i></b><b style="opacity: 1;"><i class="in">P</i><i class="in">r</i><i class="in">o</i><i class="in">d</i><i class="in">u</i><i class="in">c</i><i class="in">t</i><i class="in">s</i></b></span></p>
2.Und diesen Code bei Erweitert unter css einpflegen:
#pluginAppObj_11 .cd-headline {
display: block;
font-family: 'Poppins';
font-size: 35px;
line-height: 43px;
color: rgba(28, 28, 25, 1);
font-style: normal;
font-weight: normal;
}
#pluginAppObj_11 .cd-headline b,
#pluginAppObj_11 .cd-headline i,
#pluginAppObj_11 .cd-headline em {
font-family: 'Poppins';
font-size: 35px;
line-height: 43px;
color: rgba(249, 183, 48, 1);
font-style: normal !important;
font-weight: normal;
}
/* Loading bar color */
#pluginAppObj_11 .cd-headline.loading-bar .cd-words-wrapper::after {
background-color: rgba(249, 183, 48, 1);
}
Auteur
Sorry doch den gibt es, aber da wird bei mir das Wort unterstrichen
Nein Standard ist dieser Effekt nicht.
Hier in der Zeile 6 bestimmst du die Farbe: color: rgba(28, 28, 25, 1);
Das ist der Effekt Loading Bar wie oben geschrieben etwas verändert.
Zeile 16: rgba(249, 183, 48, 1);
und
Zeile 22: rgba(249, 183, 48, 1);
musst du mit den Farben spielen so wie du diese haben möchtest.
Hier ist eine Farbtabelle die dir helfen wird die Richtige Farbe zu finden.
https://zeamedia.de/helper/rgb-hex-color-codes.php
Viel Erfolg
Aber sorry so wie ich das sehe hat die V17 Probleme mit HTML-Objekten. Scheint nicht richtig zu funktionieren. Die Anmation ist zwar zu sehen aber die Farbe lässt sich nicht ändern. Merkwürdig !!!
Im Widget "Animated Headlines" ist das der Effekt "Scale" der diese Animation hervorruft!
Ne, ne das stimmt nicht ganz der ist etwas anders aufgebaut. Die Buchstaben bleiben ja stehen.
Reden wir hier von dem selbem? ICh meine das "Our Products" !
Auteur
Danke Andreas L. für die ausführliche Anleitung.
Andreas S. ja es geht genau darum, denn im Template steht welches Widget man benötigt aber nicht das man es aufbessern muss um das zu erreichen
Ja genau Andreas, schau mal das sieht vom Effekt etwas anders aus. Wenn ich Scale benutze bleiben die Buchstaben nicht stehen sondern die verschwinden. In dem Template bleiben die stehen und der Effekt geht wie eine art Welle durch das Wort.
Oder ich habe was an den Augen...grins
Bei mir ist es genau umgekehrt...wenn der Effekt aus ist bleibt der Text stehen. Außer ich gebe 2 x das selbe ein dann wiederholt sich der Effekt immer.
Auteur
Das ist ja sehr komisch aber Andreas S. hat Recht.
Wenn man das Wort 2x einfügt dann klappt es :-)
Ok, cool ...