Comments on: the text-shadow spotlight

By: Firefox 3.5 – evolucija spleta - Zakladi interneta

Firefox 3.5 – evolucija spleta - Zakladi interneta — Wed, 16 Sep 2009 21:30:01 +0000

[...] text shadow spotlight [...]

By: 谋智社区 » Blog Archives » 颠覆网络35天 ─ 文字阴影聚光灯

谋智社区 » Blog Archives » 颠覆网络35天 ─ 文字阴影聚光灯 — Wed, 19 Aug 2009 05:59:35 +0000

[...] 原文地址：the text-shadow spotlight 系列地址：颠覆网络35天 [...]

By: Upgrade to Firefox 3.5 on Ubuntu 9.04 – Jaunty Jackalope | gaarai.com

Upgrade to Firefox 3.5 on Ubuntu 9.04 – Jaunty Jackalope | gaarai.com — Thu, 02 Jul 2009 00:27:06 +0000

[...] a text shadow spotlight effect using Javascript and [...]

By: Eduardo

Eduardo — Tue, 30 Jun 2009 19:21:45 +0000

Nice demo.

Christopher, you could change:

document.getElementById(’text-shadow-box’).onmousemove = onMouseMove;

window.addEventListener(”mousemove”, …);

so the effect works when mouse is out of frame.

By: Jeff Walden

Jeff Walden — Sat, 27 Jun 2009 09:03:27 +0000

An idea for pure-CSS spotlight, sketched out with actual implementation left as an exercise for the reader: inset box-shadow and border-radius. I look forward to someone else doing the actual legwork.

By: Zachary Johnson

Zachary Johnson — Sat, 27 Jun 2009 01:34:30 +0000

thinsoldier, it would be awesome if we had -moz-mask and/or -moz-gradient CSS so that the spotlight could be pure CSS instead of a PNG.

On a side note, if you are using Firefox 3.0.11 you are seeing the spotlight but missing the shadow. Try out Firefox 3.5!

By: Hans Schmucker

Hans Schmucker — Fri, 26 Jun 2009 23:19:04 +0000

Maybe we already are… I haven’t looked into this in a while:
Apply a CSS filter that references a graident filled SVG element as image. Since feImage should behave like “use” it should be possible to apply it that way.

By: thinsoldier

thinsoldier — Fri, 26 Jun 2009 22:56:35 +0000

When will he be able to use a css gradient instead of a png for the spotlight effect?

By: Hans Schmucker

Hans Schmucker — Fri, 26 Jun 2009 16:19:44 +0000

Hihi, I’m feeling like a little child again: That was one of the first Java applets that I had seen years and years ago and now we can do it so easily in the browser.

Thanks, Zach!

By: 颠覆网络35天 ─ 文字阴影聚光灯 < MJiA

颠覆网络35天 ─ 文字阴影聚光灯 < MJiA — Fri, 26 Jun 2009 06:31:57 +0000

[...] 原文地址：the text-shadow spotlight 系列地址：颠覆网络35天 [...]