javascript - När man använder CSS-övergångar/animationer/etc., vad är det bästa sättet att falla tillbaka på jquery om användarens webbläsare inte stödjer css-animationer?

Jag letar efter ett sätt att använda CSS-animationer, men om användarens webbläsare inte stöder CSS-animationer - att då istället använda Jquery för animationen. Finns det ett enkelt sätt att göra detta i Jquery? Ett plugin skulle vara OK, om det var ett litet

Läs mer →

javascript - Hur skapar jag ett roterande kugghjul med CSS3 och jQuery?

Jag har följande webbplats som är i Flash med roterande kugghjul i bakgrunden:

http://thedrivepartnership.com/index.html

Jag skulle vilja skapa något liknande med CSS och JavaScript – vet någon om några exempel som finns där ute?

Svar #1

Jag antar att det

Läs mer →

javascript - Kan jag tillfälligt stänga av alla CSS3-övergångar/animationer medan ett element byggs?

Jag har skapat en ganska komplex meny för en webbplats. Menyn lever på en enorm mängd animationer som är baserade på CSS3. Men när jag navigerar till en annan sida, bör menyn byggas upp initialt - och utan alla animationer, men gjord med JS och inte på serversidan.

Nu undrar jag hur jag helt kan inaktivera alla övergångar/animationer tillfälligt, tills menyn är byggd.

Jag funderade på att skapa en underklass som överskriver animationerna, men det verkar inte fungera, eftersom det

Läs mer →

php - Är det dålig praxis att använda CSS-klasser för JS-märkning?

Scenariot:

  • En startsida som genereras med PHP och en mallmotor.
  • Sidan håller på att designas om.
  • Den nya designen är baserad på jQuery UI.
  • Den nuvarande CMS använder flera mallar: en sidmall, en artikel-detaljmall, en kommentarsmall osv.

Probl

Läs mer →

javascript - Hur kan jag skapa en virtuell tärning (för att spela tärning) med html och css?

Jag försöker skapa en virtuell tärning (för att spela tärning) med CSS/HTML och JavaScript... Min JavaScript-delen fungerar, men jag verkar inte kunna få HTML/CSS att visa den på det sätt jag vill (utan att skapa en tabell utan ramar och lägga varje prick i en cell). Jag gjorde fö

Läs mer →

Läs en CSS-fil med Javascript och ändra sidan dynamiskt

Så CSS @media-frågor fungerar inte i IE8.

@media (min-width: 768px) { /* some css */ } @media (min-width: 972px) and (max-width: 1024px){ /* different css */ }

Nu skulle jag kunna skapa separata CSS-filer med namnen IE_min768.css och IE_min972_max1024 och använda Javascript för att dynamiskt ladda och avlasta filerna när sidans bredd justeras. Men det bryter mot D.R.Y. och skulle vara jobbigt att underhålla CSS på flera ställen.

Skulle det vara

Läs mer →

CSS-övergångar blockerade av JavaScript

Jag försöker skapa en laddningsfält under en mycket intensiv period av JavaScript där ganska tunga 3D-arrayer byggs och fylls. Denna laddningsfält måste förbli tom tills användaren klickar på en knapp.

Frysningen inträffar oavsett om jag använder -webkit-transition (Denna app kan vara exklusiv för Chr

Läs mer →

javascript - Skapa en webbplats som kan ändra storlek med bristande CSS-kunskaper - CSS-former

Detta är min första fråga här, så vänligen påpeka eventuella misstag som jag har gjort. Jag var tvungen att skapa en webbsida som ser ut som ett lags flagga. Jag har lyckats göra det, men endast med fasta storlekar på elementen :

På andra upplösningar passar det helt

Läs mer →

javascript - Konvertera FOV-värde till CSS3D-perspektivvärde

Om jag skulle vilja ha en kamera med 60° synvinkel, hur räknar man då ut CSS3D-perspektivvärdet?

perspective: ?; perspective-origin: center center;

Jag har hittat en beskrivning om hur man beräknar projektion matrisen från perspektivvärdet, men jag förstår det fortfarande in

Läs mer →

javascript - Vid hovring förstora bild och visa text över den CSS3

Jag försöker skapa en responsiv bildsida för min webbplats. Hittills har jag gjort så att bilderna på sidan är alla responsiva och förblir centrerade oavsett vilken storlek webbläsaren har.

Mitt problem är att när jag hovrar över en bild förstoras den men trycker bort alla andra bilder från dess plats.

Läs mer →