CSS Shaders

Visuelle Effekte für HTML5-Inhalte

Adobe hat beim W3C einen Entwurf für CSS Shaders eingereicht. Damit sollen sich neue visuelle Effekte für HTML5-Inhalte umsetzen lassen, auch im Zusammenspiel mit CSS Animations und CSS Transitions.

Artikel veröffentlicht am ,
Entwurf für CSS Shaders beim W3C eingereicht.
Entwurf für CSS Shaders beim W3C eingereicht. (Bild: Adobe)

CSS Shaders sollen Filtereffekte ergänzen und das Filtermodell um Vertex-Shader erweitern. Dazu ist es möglich, Filter um eigene custom()-Funktionen zu erweitern, um so komplexe Effekte zu erzeugen. Dabei können dann unter anderem Vertex- und Pixel-Shader genutzt werden.

Letztendlich verwandeln CSS Shaders HTML- und SVG-Elemente in ein Polygonnetz, das dann mit Shadern modifiziert werden kann, erläutert Adobe-Mitarbeiter Vincent Hardy in einem Blogeintrag. Die eigentlichen Shader werden Adobes Vorschlag zufolge in der OpenGL ES Shading Language geschrieben, die unter anderem auch bei WebGL zum Einsatz kommt.

Adobe selbst hat die Spezifikation beim W3C eingereicht und auf Basis von Webkit umgesetzt, wobei die entsprechenden Funktionen wie bei solchen neuen Erweiterungen üblich mit dem Präfix -webkit versehen sind. Der entsprechende Code soll in Kürze an das Webkit-Projekt übergeben werden, auf dessen Browserengine unter anderem Apples Browser Safari und Googles Chrome basieren. Adobe selbst verwendet Webkit in Adobe Air.

Bitte aktivieren Sie Javascript.
Oder nutzen Sie das Golem-pur-Angebot
und lesen Golem.de
  • ohne Werbung
  • mit ausgeschaltetem Javascript
  • mit RSS-Volltext-Feed


Aktuell auf der Startseite von Golem.de
Vision Pro
Apples Mixed-Reality-Taucherbrille kostet 3.500 US-Dollar

Apples erstes Headset kann AR- und VR-Inhalte stufenlos überblenden, hat eine Hand- und Augensteuerung und einen externen Akku.

Vision Pro: Apples Mixed-Reality-Taucherbrille kostet 3.500 US-Dollar
Artikel
  1. iOS 17: Apples iOS 17 bekommt Nachttischmodus und smarte Funktionen
    iOS 17
    Apples iOS 17 bekommt Nachttischmodus und smarte Funktionen

    Apples neues iOS 17 bringt Verbesserungen für Basis-Apps wie Telefon oder Facetime und bringt einen Weckermodus für den Nachttisch.

  2. Macbook Air 15: Apple bringt das Macbook Air in groß
    Macbook Air 15
    Apple bringt das Macbook Air in groß

    Mit 15,3-Zoll-Panel soll das Macbook Air 15 mehr Platz auf dem Desktop haben. Außerdem senkt Apple das 13-Zoll-Modell im Preis.

  3. KI-Texte erkennen: Wer hat's geschrieben, Mensch oder Maschine?
    KI-Texte erkennen
    Wer hat's geschrieben, Mensch oder Maschine?

    Modelle wie ChatGPT sind so gut, dass sich KI- und Menschen-Texte kaum unterscheiden lassen. Forscher arbeiten nun an Verfahren, die sich nicht täuschen lassen.
    Ein Deep Dive von Andreas Meier

Du willst dich mit Golem.de beruflich verändern oder weiterbilden?
Zum Stellenmarkt
Zur Akademie
Zum Coaching
  • Schnäppchen, Rabatte und Top-Angebote
    Die besten Deals des Tages
    • Daily Deals • PS5 inkl. GoW Ragnarök oder CoD MW2 549€ • MSI RTX 4070 Ti 999€ • Gigabyte 43" 4K UHD 144 Hz 717€ • Amazon FireTV Smart-TVs bis -32% • MindStar: AMD Ryzen 7 5800X3D 285€, PowerColor RX 7900 XTX Hellhound 989€ • SanDisk Ultra NVMe 1TB 39,99€ • Samsung 980 1TB 45€ [Werbung]
    •  /