Comments on: the text-shadow spotlight

By: Chester

Chester — Thu, 11 Aug 2011 07:24:03 +0000

wow! It’s realy cool effect! Thanks!

By: Webliberty

Webliberty — Wed, 13 Jul 2011 10:52:44 +0000

The shade round the text beautifully looks, only here not in all browsers is displayed…

By: JavaScript / JQuery spotlight effect on an application - ScriptLance Programming Project

Wed, 08 Jun 2011 05:01:30 +0000

[...] sites for how the spotlight effect may work: http://www.csbsupport.com/samplecode/id389.htm (IE) http://hacks.mozilla.org/2009/06/text-shadow-spotlight/ (Firefox) http://www.flashandmath.com/intermediate/spot/spotlight.html (IE) [...]

By: sidash

sidash — Sat, 18 Dec 2010 14:53:28 +0000

fantastic!!!
but I don’t see JavaScript(

By: Shubham

Shubham — Mon, 08 Mar 2010 19:38:46 +0000

awesome spotlight effect with CSS…great work..!

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天 [...]