Jak zrobić blask div z jquery

Question

Zastanawiam się, jak zrobić blask div w określonym kolorze po załadowaniu strony.

<div id="glow" class="logo registrer"><a href="http://henricson.net/registrer.php" class="understrek">Registrer deg</a></div> 

To jest element, który chcę świecić. Dziękuję :)

Answer 1

CSS3 można zrobić:

-webkit-box-shadow:0 0 20px blue; 
-moz-box-shadow: 0 0 20px blue; 
box-shadow:0 0 20px blue; 

Oto JSFiddle, który pokazuje, że to nie w rzeczywistości, to działa dobrze ze mną, to sprawdzić, aby zobaczyć :)

Answer 2

Nie jestem pewien, jak masz zamiar świecić? Jeśli chcesz po prostu zmienić kolor, możesz zrobić coś takiego jak poniżej.

$(document).ready(function(){ 
    $('#glow').animate({backgroundColor:'green'}); 
}); 

Następnie można dodać element box-shadow, aby dodać efekt poświaty.

-webkit-box-shadow: 0px 0px 5px 5px rgba(0, 150, 0, 0.3); 
box-shadow: 0px 0px 5px 5px rgba(0, 150, 0, 0.3); 

Proszę zobaczyć ten przykład fiddle danego koloru tła animacji i cień dodany.

EDIT

Niestety zapomniałem wspomnieć trzeba zaliczyć color animation plugin aby móc to zrobić.

Również tutaj jest kolejny fiddle, który działa po pół sekundy, a następnie usuwa blask .... oczywiście wymagałoby to wiele poprawek, aby wyglądało ładnie.

Answer 3

<div class="col-md-6 col-md-offset-3" id="notificationmain"> 
    <div class="sub"><blockquote id="notification" class="alert alert-success" glowing="0">User Has been created</blockquote></div> 

    <script> 
     $(document).ready(function() { 
      setTimeout(function() { $('.sub blockquote').glow('#FFFFDD', 800); }, 100); 
     }); 
    </script> 
</div> 

Trzeba na temat:

<script src="~/Scripts/jquery.glow.js"></script>