Das ist ein Shop. Ich glaube nicht, dass Du den so auf die Schnelle nachbilden
kannst __
Das Geheimnis ist:
DIV.social mit den Share-Buttons zuerst in Position rechts und CSS "visibility:
hidden; transform: translateX(0); transition: transform 0.35s ease;"
Auf Knopfdruck auf "+" Klassenname "active" hinzufügen oder wegnehmen (bei
JQuery .toggle("active"))
Für den Klassen-Selektor ".social.active" das CSS "transform:
translateX(-48px);"
Fehlen dir lediglich noch die Bilder
Am 03.12.18, 15:57 schrieb "Björn Hahnefeld"
<typo3-german-boun...@lists.typo3.org im Auftrag von bjo...@hahnefeld.de>:
Wie heisst denn dieses Plugin? Dann kann ich das sicher auch unter T3
nachbilden.
Am Mo., 3. Dez. 2018 um 15:55 Uhr schrieb Mark Boland <mark.bol...@boland.de
>:
> Das generiert ein Wordpress Shop-Plugin und die Animation ist eine reine
> CSS3-Geschichte. Kein Hexenwerk.
>
> Am 03.12.18, 15:21 schrieb "Björn Hahnefeld" <
> typo3-german-boun...@lists.typo3.org im Auftrag von bjo...@hahnefeld.de>:
>
> Die im unteren Drittel unter den Bildern.
>
> Am Mo., 3. Dez. 2018 um 15:13 Uhr schrieb Mark Boland <
> mark.bol...@boland.de
> >:
>
> > Hi Björn,
> >
> > welche meinst Du? Die von dem großen YouTube-Video auf der
> Startseite,
> > unter dem Share-Icon? Oder die von Issuu? Oder die vom Shop?
> >
> > Mark
> >
> >
> > Am 03.12.18, 15:01 schrieb "Björn Hahnefeld" <
> > typo3-german-boun...@lists.typo3.org im Auftrag von
> bjo...@hahnefeld.de>:
> >
> > Liebe Typo3-Kollegen,
> >
> > ich hätte gerne solche Share-Buttons wie hier:
> > https://palido.com/
> >
> > Wie könnte ich das nachbauen oder weiß jemand, welche Technik
> dahinter
> > steckt?
> >
> > LG von
> >
> > Björn
> > _______________________________________________
> > TYPO3-german mailing list
> > TYPO3-german@lists.typo3.org
> > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
> >
> >
> > _______________________________________________
> > TYPO3-german mailing list
> > TYPO3-german@lists.typo3.org
> > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german@lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>
>
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german@lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
