Recently, I have read news on Webmonkey that Adobe’s CSS Shaders proposal, which will bring high-quality cinematic effects to the web through some new CSS tools, has been accepted by the W3C. If you haven't seen it yet, watch the video. Google Chrome's latest Canary added support for CSS shaders, so I decided to experiment with them. In this experiment, I used custom vertex shader (spherify.vs) an
CSS Shaders through WebGL For more information and demos, please read the introduction here. Usage To have the script parse all the CSS automatically (very experimental), just call: CSSshaders.init(); To manually add a shader: CSSshaders.add( element, shaderParameters ); - returns shader element Example: CSSshaders.add( "#content","url(shaders/flag.vs) url(shaders/grayscale.fs), 20 20, phase 50.0,
Introduction One of the more exciting features for the web which I've been looking forward to some time now are CSS shaders. You might remember when 3D transforms were new and hot, CSS shaders will bring content transformations to a whole new level. The ability to perform any sort of transformations up-to single pixel precision allows developers to create and present content in ways that have not
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
