[TYPO3-german] Share Buttons

[Mark Boland]

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-bounces at lists.typo3.org im Auftrag von bjoern at 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.boland at 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-bounces at lists.typo3.org im Auftrag von bjoern at hahnefeld.de>:
    >
    >     Die im unteren Drittel unter den Bildern.
    >
    >     Am Mo., 3. Dez. 2018 um 15:13 Uhr schrieb Mark Boland <
    > mark.boland at 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-bounces at lists.typo3.org im Auftrag von
    > bjoern at 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 at lists.typo3.org
    >     >     http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
    >     >
    >     >
    >     > _______________________________________________
    >     > TYPO3-german mailing list
    >     > TYPO3-german at lists.typo3.org
    >     > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
    >     _______________________________________________
    >     TYPO3-german mailing list
    >     TYPO3-german at lists.typo3.org
    >     http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
    >
    >
    > _______________________________________________
    > TYPO3-german mailing list
    > TYPO3-german at lists.typo3.org
    > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
    _______________________________________________
    TYPO3-german mailing list
    TYPO3-german at lists.typo3.org
    http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german