hallo zusammen,
gerade nutze ich die sommerferien, um mich mit css3 im detail auseinander zu setzen. als projekt habe ich mir die neugestaltung meiner privaten website vorgenommen. anstatt der herkömmlichen roll-over navi
http://www.bernd-scheurer.de soll das jetzt eine minimale navi auf basis einer ausfahrbaren liste werden - was bislang auch ganz gut funkioniert
http://www.bernd-scheurer.de/sandbox/ hierbei sind mir aber ein paar interessante dinge aufgefallen:
das neue menü benutzt hover-effekte, transitionen (weiche bewegungen), und verläufe (gradients). im moment teste ich nur unter mac (safari, firefox, opera, chrome), da mein virtuelles windows xp nur über einen IE8 verfügt.
firefox stellt alle programmierten optionen klaglos und perfekt dar. eine wahre freude. ebenso verhält sich das bei chrome.
opera will keine animationen (transitions) darstellen und bei safari war erst mal alles unbrauchbar: keine padding-werte (!? - ist ja keine css3-errungenschaft), keine gradients, keine transitions und keine hover-effekte (?! - auch nicht neu, diese option).
nach längerem suchen und probieren, kam ich dann auf die idee, im entwicklermenü die option "WebGL" zu aktivieren. plötzlich hat alles funktioniert. das wirft nun mehrere fragen auf: obwohl safari traditionell die aktuellen techniken unterstützt, ist WebGL standartmässig deaktiviert und somit css3-techniken auch. wer das nicht weiss, sieht eine deutlich reduzierte seite. warum ist das so? wird sich das ändern? weshalb sind davon auch so rudimentäre dinge wie padding-abstände und hover betroffen?
bei der gelegenheit erfuhr ich auch, dass bei opera WebGL auch standartmässig deaktiviert ist. leider habe ich dort die option zum aktivieren nicht gefunden.
ich würde mich über erfahrungen aus dem forum freuen, weil ich meine seite gerne so gestalten möchte, dass alle in den selben genuss kommen. gerade beim safari irritiert mich diese entdeckung doch sehr...
vielen dank und grüße
bernd
http://www.be-sign.net / unterricht.bernd-scheurer.de
iMac Retina 5K, 27" 3,8GHz i7,
- 32GByte RAM, 10 TByte HD (intern & extern), OS X 10.15.3
MacbookPro 16", M1 Pro
- 32 GByte Ram, 2 TB HD
Adobe Creative Suite CC / Divi-Builder/-Theme
Logic Por X / Native Instruments Reaktor