javascript - JavascriptまたはJqueryまたはCSSを使用したトーチまたはライト効果？

Question

Flashを使用せずに、Webページの画像/divにトーチまたは光源効果を適用する必要があります。

これは、このサイトのメインバナーの光路効果に似ています。

http://online.fullsail.edu/degrees/media-communications-bachelors?mnc=2602

お知らせ下さい。

Answer 1

CSS を使用すると、次のようなことができます。

http://jsfiddle.net/bFXzr/

EDIT：コメントで要求されたようにコードを投稿：

HTML

<div class="box"></div></p>

CSS:

body {
    background:#000;
}

.box {
    margin:50px;
    width:150px;
    height:150px;
    border-radius:50px;
    background:#ef5d22;
}

.box:hover {
    margin:50px;
    width:150px;
    height:150px;
    background:#ef5d22;
    box-shadow: 0 0 20px #fff;
}

​

それが役立つことを願っています!