javascript - Pri používaní CSS prechodov/animácií/atď., aký je najlepší spôsob, ako sa vrátiť k jQuery, ak prehliadač používateľa nepodporuje CSS animácie?

Hľadám spôsob, ako používať CSS animácie, ale ak prehliadač používateľa nepodporuje CSS animácie, aby sa potom ako náhrada použilo JQuery animácie. Existuje jednoduchý spôsob, ako to urobiť v JQuery? Plugin by bol OK, ak by to bol malý plugin, ale naozaj hľadám

Čítaj viac →

javascript - Ako vytvorím rotujúce ozubené koleso pomocou CSS3 a jQuery?

Mám nasledujúcu stránku, ktorá je vo Flashi s otáčajúcimi sa ozubenými kolesami na pozadí:

http://thedrivepartnership.com/index.html

Chcel by som vytvoriť niečo podobné pomocou CSS a JavaScriptu – nevie niekto o nejakých príkladoch, ktoré by sa dali nájsť?

Odpove

Čítaj viac →

javascript - Môžem dočasne vypnúť všetky CSS3 prechody/animácie počas vytvárania elementu?

Vytvoril som pomerne zložité menu pre webovú stránku. Menu žije z obrovského množstva animácií, ktoré sú založené na CSS3. Avšak, keď navigujem na inú stránku, menu by sa malo najskôr zostaviť - a bez všetkých animácií, ale realizované pomocou JavaScriptu a nie na strane servera.

Teraz sa chcem zamyslieť, ako by som mohol dočasne úplne zakázať všetky prechody/animácie, kým sa menu nevytvorí.

Myslel som na vytvorenie podtriedy, ktorá prepíše animácie, ale nezdá sa, že by to fungova

Čítaj viac →

php - Je používanie CSS tried pre JS značkovanie zlou praxou?

Scenár:

  • Domovská stránka, ktorá je generovaná pomocou PHP a šablónového systému.
  • Stránka je prerábaná.
  • Nový dizajn je založený na jQuery UI.
  • Súčasný CMS používa viacero šablón: šablónu stránky, šablónu detailov článku, šablónu komentárov atď.

Čítaj viac →

javascript - Ako môžem vytvoriť virtuálnu kocku (na hranie kockami) pomocou html a css?

Snažím sa vytvoriť virtuálnu kocku (na hranie hier s kockou) pomocou CSS/HTML a JavaScriptu... Moja časť JavaScriptu funguje, ale zdá sa, že nedokážem zobraziť HTML/CSS tak, ako chcem (bez vytvárania tabuľky bez okrajov a vloženia každej bodky do bunky). Vytvoril som nasledujúci J

Čítaj viac →

Načítajte súbor CSS pomocou JavaScriptu a dynamicky zmeňte stránku

Takže CSS @media dotazy nefungujú v IE8.

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

Teraz by som mohol vytvoriť samostatné CSS súbory s názvom IE_min768.css a IE_min972_max1024 a použiť Javascript na dynamické načítanie a odstraňovanie súborov, keď sa upravuje šírka stránky. Ale to porušuje princíp D.R.Y. a bolo by to ťažké udržiavať CSS na viacerých

Čítaj viac →

CSS prechody zablokované JavaScriptom

Snažím sa vytvoriť ukazovateľ načítania počas veľmi náročného obdobia JavaScriptu, kde sa vytvárajú a vypĺňajú dosť veľké 3D polia. Tento ukazovateľ načítania musí zostať prázdny, kým používateľ neklikne na tlačidlo.

Zmrazovanie nastáva bez ohľadu na to, či používam -webkit-transition (Táto aplikácia

Čítaj viac →

javascript - Vytváranie prispôsobiteľnej webovej stránky s nedostatkom CSS zručností - CSS tvary

Toto je moja prvá otázka tu, takže prosím poukážte na akékoľvek chyby, ktoré som urobil. Bol som povinný vytvoriť webovú stránku, ktorá vyzerá ako vlajka tímu. Podarilo sa mi to urobiť, ale iba s pevnou veľkosťou prvkov :

Na iných rozlíšeniach sa jednoducho nezmestí

Čítaj viac →

javascript - Konvertovať hodnotu uhla pohľadu na hodnotu perspektívy CSS3D

Ak by som chcel mať kameru s uhlom pohľadu 60°, ako vypočítať hodnotu perspektívy CSS3D?

perspective: ?; perspective-origin: center center;

Našiel som popis o tom, ako vypočítať projekčnú maticu z perspektívnej hodnoty, ale stále tomu úplne nerozumiem: http://www.w3.org/TR/c

Čítaj viac →

javascript - Pri najetí myšou zväčšiť obrázok a zobraziť text na ňom CSS3

Snažím sa vytvoriť stránku s responzívnymi obrázkami pre moju webovú stránku. Zatiaľ som ho urobil tak, že obrázky na stránke sú všetky responzívne a zostávajú vycentrované bez ohľadu na veľkosť prehliadača.

Môj problém je, že keď prejdem myšou cez obrázok, zväčší sa, ale vytlačí všetky ostatné obrázky

Čítaj viac →