Anzeige
Entwurf für CSS Shaders beim W3C eingereicht.
Entwurf für CSS Shaders beim W3C eingereicht. (Bild: Adobe)

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.

Anzeige

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.


eye home zur Startseite
Hotohori 04. Okt 2011

Tja, viele halten diese Animationen für unnötige Verzögerung, weil sie nicht wissen, dass...

limasign 04. Okt 2011

no text

Kommentieren



Anzeige

  1. Produktsoftware-Entwickler/in
    Robert Bosch GmbH, Tamm
  2. Datenbank- und Business-Intelligence-Admini- stratoren (m/w)
    ARI Fleet Germany GmbH, Koblenz, Stuttgart oder Eschborn bei Frankfurt am Main
  3. Senior IT Architect / Solution Architect (m/w) Security Application Operation
    Daimler AG, Stuttgart
  4. Solution Architect/Lösungsarchit- ekt (m/w)
    BCT Technology AG, Willstätt

Detailsuche



Anzeige

Folgen Sie uns
       


  1. Hyperloop

    HTT will seine Rohrpostzüge aus Marvel-Material bauen

  2. Smartwatches

    Pebble 2 und Pebble Time 2 mit Pulsmesser

  3. Kickstarter

    Pebble Core als GPS-Anhänger für Hacker und Sportler

  4. Virtual Reality

    Facebook kauft Two Big Ears für 360-Grad-Sound

  5. Wirtschaftsminister Olaf Lies

    Beirat der Bundesnetzagentur gegen exklusives Vectoring

  6. Smartphone-Betriebssystem

    Microsoft verliert stark gegenüber Google und Apple

  7. Onlinehandel

    Amazon startet eigenen Paketdienst in Berlin

  8. Pastejacking im Browser

    Codeausführung per Copy and Paste

  9. Manuela Schwesig

    Familienministerin will den Jugendschutz im Netz neu regeln

  10. Intels Compute Stick im Test

    Der mit dem Lüfter streamt (2)



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Cloudready im Test: Ein altes Gerät günstig zum Chromebook machen
Cloudready im Test
Ein altes Gerät günstig zum Chromebook machen
  1. Chrome OS Android-Apps kommen auf Chromebooks
  2. Acer-Portfolio 2016 Vom 200-Hz-Curved-Display bis zum 15-Watt-passiv-Detachable

Doom im Technik-Test: Im Nightmare-Mode erzittert die Grafikkarte
Doom im Technik-Test
Im Nightmare-Mode erzittert die Grafikkarte
  1. Blackroom John Romero und das Shooter-Holodeck
  2. Doom Hölle für alle
  3. Doom Bericht aus der Bunnyhopping-Hölle

Oxford Nanopore: Das Internet der lebenden Dinge
Oxford Nanopore
Das Internet der lebenden Dinge
  1. Wie Glas Forscher machen Holz transparent
  2. Smartwatch Skintrack macht den Arm zum Touchpad
  3. Niederschläge Die Vereinigten Arabischen Emirate wollen einen Berg

  1. Re: Wer von euch nutzt Actioncams?

    Pjörn | 23:25

  2. Endlich einmal positive Nachrichten.

    jose.ramirez | 23:25

  3. Re: Mini PCs

    Moe479 | 23:21

  4. Re: Emulatoren

    Chris23235 | 23:21

  5. Re: Microsoft hat zwei Fehler gemacht

    MrX. | 23:20


  1. 19:01

  2. 18:03

  3. 17:17

  4. 17:03

  5. 16:58

  6. 14:57

  7. 14:31

  8. 13:45


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel