Beiträge von SamysSmile

Hi danke für die Links, ich habe es mal mit einer Test html Seite probiert und es hat super funktioniert. Was ich jetzt nicht schaffe das gleiche ins Wordpress zu integrieren. Kannst du mir sagen wie ich das ganze bei Wordpress anwende?

Hallo

Wenn man meine Seite besucht, dann startet für ein Bild eine Animation. Das Bild ist erstmal nicht sichtbar und kommt per Animation von links in die Mitte zu der richtigen Postion. Soweit ok.

Kann ich diesen Effekt erst auslösen wenn der Besucher zu der geigneten Stelle gescrollt hat? Weil die Animation startet sobald man auf der Seite ist und das Bild sowieso nicht sehen kann.

Bis jetzt habe ich alles in CSS gemacht

.myServiceIcon{


    position: relative;
 


    -moz-animation-name: dropHeader;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.8s;


    -webkit-animation-name: dropHeader;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.8s;


    animation-name: dropHeader;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.8s;
   }


@-moz-keyframes dropHeader {
    0% {
        -moz-transform: translateX(-200px);
    }
    100% {
        -moz-transform: translateX(0);
    }
}
@-webkit-keyframes dropHeader {
    0% {
        -webkit-transform: translateX(-200px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}


@keyframes dropHeader {
    0% {
        transform: translateX(-120px);
    }
    100% {
        transform: translateX(0);
    }
}

Hallo Wordpress Community

Ich beschäftige mich wieder mit Wordpress und muss sagen das es grosse Fortschritte gemacht hat.

Nun zum Problem: Ihr kennt doch alle diese Runden Icons wo man seine Dienstleistungen presentieren kann? Ein Beispiel ist hier im Theme: https://de.wordpress.org/themes/zerif-lite
Mit SiteOrigin Build Page habe ich eine Zeile mit drei Spalten erstellt und in jede Spalte ein Circle Icon Widget eingefügt. Das sieht bei mir schon so aus wie auf dem einem Theme weiter oben. Was ich leider nach Stunden nicht geschafft habe ist das ich auch so ein Einblend Effekt habe.

Zu Auswahl habe ich auch andere Standart Elemente, wo ich per Klick diesen Effekt einschalten kann, aber bei den Widgets zu dem auch das CIrcle Icon gehört fehlt diese Option.

Wie bind eich so ein Effekt ein? Als Lösung wird es auch reichen wenn mir ein anderer Weg gezeigt wird ohne dieses Widget.

EDIT: Ich glaube dieses Circle Icon Wdiget ist ein Teil vom Vatange Theme https://siteorigin.com/theme/vantage/welches ich benutze

Vielen Dank an alle.