Auf dieser Testseite wurde der Hintergrund als Wechselbild mit transparenten png-images erstellt.

Problem: teilweise (z.B. mobil) werden die transparenten Bereiche nicht richtig dargestellt  

 

Testseite

tabtest
  • Page 1
  • Page 2
  • Page 3

Page 1

Dieser Tab kann direkt über das Text-Element geändert werden...

Testvideo (html5)

SUP-Skript

Automatisches Hochstellen von html-Inhalten (Trademark/Copyright/Registered) per jQuery

Quelle: https://stackoverflow.com/questions/19364581/adding-superscript-sup-tags-around-all-trademark-and-registered-trademark-symb 

 

Beispiel:

12334567™  789©  1234567®

Sup-Script


Beerslider

Vorher/Nachher Effekt für Bild-Elemente (html/JQuery)

Quelle:

  • https://pepsized.com/beer-slider-responsive-accessible-before-after-slider/
  • https://pepsized.com/demo/beer-slider-responsive-accessible-before-after-slider-demo/
  • https://codepen.io/pehaa/pen/PdJqPE

Beerslider-Widget


Beispiel 1


Dogs - before, unprocessed image
Dogs - after, processed photo

Beispiel 2


Original baltic seashore
Baltic seashore - processed image Warmsphere preset

Beerslider-Skripte

Headline 1

Consectetur adipiscing elit. Inscite autem medicinae et gubernationis ultimum cum ultimo sapientiae comparatur.

Headline 2

Mihi quidem Antiochum, quem audis, satis belle videris attendere. Hanc igitur quoque transfer in animum dirigentes.

Headline 3

Tamen a proposito, inquam, aberramus. Non igitur potestis voluptate omnia dirigentes aut tueri aut retinere virtutem.