html - jQuery not animating CSS3 background with toggleClass -

-

i having problems trying make small button flash background colors toggling between 2 classes. toglling works, isnt smooth. problem css. i'm using css3 gradients bagrounds. here code:

css:

.cos{     background:none; } .cos_hover{     background: linear-gradient(bottom, rgb(161,0,3) 17%, rgb(115,0,2) 59%);     background: -o-linear-gradient(bottom, rgb(161,0,3) 17%, rgb(115,0,2) 59%);     background: -moz-linear-gradient(bottom, rgb(161,0,3) 17%, rgb(115,0,2) 59%);     background: -webkit-linear-gradient(bottom, rgb(161,0,3) 17%, rgb(115,0,2) 59%);     background: -ms-linear-gradient(bottom, rgb(161,0,3) 17%, rgb(115,0,2) 59%);     background: -webkit-gradient(          linear,          left bottom,          left top,          color-stop(0.17, rgb(161,0,3)),          color-stop(0.59, rgb(115,0,2))      );     -moz-box-shadow: inset 0 10px 28px -2px #000;     -webkit-box-shadow: inset 0 10px 28px -2px #000;     box-shadow: inset 0 10px 28px -2px #000; }

html:

                <ul class='navigatie_meniu'>                     <li><img src='../img/web/acasa_meniu.png' /></li>                     <li><img src='../img/web/inapoi_meniu.png' /></li>                     <li class='cos' active='0'><img src='../img/web/cos_meniu.png' style='z-index:100;'/></li>                     <li>190 lei</li>                     <li></li>                 </ul>

js:

setinterval(function(){     if($(".cos").attr("active")==0){         $(".cos").toggleclass("cos_hover", 1000);      } },2000);

setinterval might not needed... if has solution please help. thanks.

i edited here use opacity change 0-1 make smoother:

http://jsfiddle.net/jutm2/1/

.cos {     background: linear-gradient(bottom, rgb(161, 0, 3) 17%, rgb(115, 0, 2) 59%);     background: -o-linear-gradient(bottom, rgb(161, 0, 3) 17%, rgb(115, 0, 2) 59%);     background: -moz-linear-gradient(bottom, rgb(161, 0, 3) 17%, rgb(115, 0, 2) 59%);     background: -webkit-linear-gradient(bottom, rgb(161, 0, 3) 17%, rgb(115, 0, 2) 59%);     background: -ms-linear-gradient(bottom, rgb(161, 0, 3) 17%, rgb(115, 0, 2) 59%);     background: -webkit-gradient(linear, left bottom, left top, color-stop(0.17, rgb(161, 0, 3)), color-stop(0.59, rgb(115, 0, 2)));     -moz-box-shadow: inset 0 10px 28px -2px #000;     -webkit-box-shadow: inset 0 10px 28px -2px #000;     box-shadow: inset 0 10px 28px -2px #000;     opacity: 0; } .cos_hover {     opacity: 1 }

Comments

Post a Comment

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

-
using jmockit 1.2 jar, trying mock string's length method getting unexpected invocation exception: failed: test java.lang.illegalstateexception: missing invocation mocked type @ point; please make sure such invocations appear after declaration of suitable mock field or parameter @ stringdemo.testa$1.<init>(testa.java:17) @ stringdemo.testa.test(testa.java:13) i using testng: @test public void test() throws exception { new expectations() { @mocked("length") string astring; { astring.length(); result = 2; } }; system.out.println(a.showa("test")); } } actual class a: public class { public static int showa(string str){ int a= str.length(); return a; } } this wrong way of recording expected results. shouldn't mock , record string's length() method, record showa() instead. here solution @suppresswarnings("unused...
Read more

What is the difference between data design and data model(ERD) -

-
i have google question , find answer in day. know, data design many many table have list column,and mark pk , fk. why er-diagram have find this? data design process of designing database. main output of data design detailed logical data model of database. some people data design includes of needed logical , physical design choices , physical storage parameters needed generate design in data definition language. technically, database analysis, database analysts (dbas) trained do. while person can both data design , database analysis, these 2 different tasks. data design models data. database analysis takes model , applies 1 or more database engines (relational, hierarchical, nosql). a logical data model 1 of main outputs of data design. data model represented entity relationship diagram, or er diagram.
Read more

ios - Can NSManagedObject conform to NSCoding -

-
i need transfer single object across device. right converting nsmanagedobject dictionary , archiving , sending nsdata. upon receiving unarchiving it. transfer nsmanagedobject archiving , unarchiving instead of creating intermediate data object. @interface test : nsmanagedobject<nscoding> @property (nonatomic, retain) nsstring * title; @end @implementation test @dynamic title; - (id)initwithcoder:(nscoder *)coder { self = [super init]; if (self) { self.title = [coder decodeobjectforkey:@"title"]; //<crash } return self; } - (void)encodewithcoder:(nscoder *)coder { [coder encodeobject:self.title forkey:@"title"]; } @end nsdata *archivedobjects = [nskeyedarchiver archiveddatawithrootobject:testobj]; nsdata *objectsdata = archivedobjects; if ([objectsdata length] > 0) { nsarray *objects = [nskeyedunarchiver unarchiveobjectwithdata:objectsdata]; } the problem above code is. crashes @ self.title in initwithcoder sa...
Read more