Hi everyone, My laser eyes had functional code up to when I made the separate laser class and pasted my animation within. The eccentric billionaire seems to think that my laser eye button works, but it does not! Can someone please check through my code to see where Ive erred? Im just going to paste everything seeing as how Ive combed through it and just cannot find the problem. Thanks in advance!! .robot { position: relative; left: 200px; } .beep { width: 5px; height: 0; border: 5px solid transparent; border-top: 10px solid #777; border-bottom: 80px solid #888; position: relative; left: 140px; } @keyframes blink { 50% { background: radial-gradient(circle, red 15%, transparent 40%), #cc5; } background-size: 75px 150px; } @-webkit-keyframes blink { 50% { background: -webkit-radial-gradient(circle, red 15%, transparent 40%), #cc5; background-size: 75px 150px; } } @-moz-keyframes blink { 50% { background: -moz-radial-gradient(circle, red 15%, transparent 40%), #cc5; background-size: 75px 150px; } } .laser { animation: blink .5s infinite; -webkit-animation: blink .5s infinite; -moz-animation: blink .5s infinite; } .brain { background: radial-gradient(circle, white 15%, transparent 40%), #cc5; background: -moz-radial-gradient(circle, white 15%, transparent 40%), #cc5; background: -webkit-radial-gradient(circle, white 15%, transparent 40%), #cc5; background-size: 75px 150px; height: 150px; width: 150px; border-radius: 60px 60px 10px 10px; border-bottom: 40px solid #666; position: relative; left: 70px; } .torso { height: 0; width: 140px; border-top: 300px solid #bc6; border-left: 75px solid transparent; border-right: 75px solid transparent; border-radius: 20px 20px 100px 100px; } .left { font-family: Poller One, verdana, arial, sans-serif; font-weight: bold; font-size: 250px; color: #666; transform: rotate(200deg); -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); position: relative; top: -320px; left: -190px; z-index: -1; } .right { font-family: Poller One, verdana, arial, sans-serif; font-weight: bold; font-size: 250px; color: #666; transform: scaleY(-1) rotate(20deg); -webkit-transform: scaleY(-1) rotate(20deg); -moz-transform: scaleY(-1) rotate(20deg); position: relative; top: -620px; left: 190px; z-index: -1; } .foot { height: 40px; width: 40px; background: #ccc; border-radius: 40px; border: 15px solid #999; position: relative; left: 110px; top: -10px; z-index: -1; } j j laser eyes on/off //When eyes button is click, toggle laser class $(.flash).click(function() { $(.brain).toggleClass(laser); }); Also I added that just to see what would happen and it doesnt matter whether that is in the body or not. I dont understand why we wouldnt need to make a laser class so that the animation within the laser class would have some HTML to refer to... Please help!
Posted on: Tue, 21 Oct 2014 15:03:09 +0000
Trending Topics
Recently Viewed Topics
© 2015