CSS — 30

skapa en rörlig 3D-låda med CSS-övergångar och Javascript

Jag har lekt med CSS och försökt skapa en 3D-låda som du kan välja ytan på med ren JavaScript.

Det handlar helt enkelt om att ändra className för box-divarna och använda transition-egenskapen för att smidigt övergå mellan platser.

här är en jsfiddle för att visa ett fungerande exe

Läs mer →

javascript - Hur kan man lägga till en CSS-fil till en EGEN WIDGET i Magento?

Så, jag har en anpassad widget för Magento (som ett bildspel för produkter).

Och vill lägga till anpassad CSS/Javascript till min widget.

Jag vill inte visa(ladda) CSS-/JS-fil varje gång.

Jag vill ladda JS/CSS ENDAST när SIDAN inkludera

Läs mer →

javascript - versionskontroll: hur man hanterar css- och js-komprimerade/minimerade versioner mellan miljöer

Jag använder git (via GitHub) för versionskontroll på mina projekt. Jag är fortfarande ny på det här men jag skulle vilja veta bästa praxis för hur man håller mina css och js-filer synkroniserade mellan miljöer.

Exempel: Låt oss säga att jag skriver ett js-skript på dev. Jag är nöjd med mitt arbete och jag pushar till testning. På testning skulle jag vilja ha en minimerad/komprimerad version. Hur skulle jag åstadkomma det utan myck

Läs mer →

javascript - Är det möjligt att sätta cssText-egenskapen på en cssRule

Jag försöker redigera cssText-egenskapen för en cssRule. Jag har sett det göras ofta:

Varför tar ändring av höjden i cssText bort bakgrunden: none?
Flytta mina bilder vid uppstart

Vanligtvis görs det med: cssText.replace( ... ).

Det verkar fungera för alla utom mig.

Läs mer →

javascript - Integrera style-taggen med css

Jag försöker lägga till <style type="text/css"></style> i head med hjälp av jquery. Jag försökte så här

$("<style type='text/css'></style>").appendTo("head");

Tidigare hade jag den här typen av

Läs mer →

javascript - Sök efter och markera textens bakgrund med CSS eller jQuery

Jag har en div som innehåller viss text:

Jag har också en textruta där användaren kommer att skriva in en söksträng.

Finns det ett CSS-sätt att ställa in background-color-egenska

Läs mer →

html - Hur man stoppar en 60-sekunders timer från att vara "ryckig" (css/javascript)

Jag har skapat en "60-sekunders" nedräkningstimer i JavaScript och jag försöker lista ut hur jag kan få den att inte vara "hackig". Det största problemet är att teckensnittets tecken inte har konsekventa bredder. Det enda sätt jag ser att lösa detta på är att på något sätt lägga varje tecken i sin egen div och kontrollera bredden på den div:en genom CSS. Men jag är inte riktigt säker på hur jag ska gå tillväga med det. Finns det ett bättre tillvägagångssätt för detta?

Jag vet att Greens

Läs mer →

ReactJs-modul med Javascript och CSS

Hur man bifogar en ReactJS-modalfönster med body-sluttaggen för att ställa in modalens positionering absolut med body-taggen.

Här är ett exempel lagt till inuti den andra komponenten.

<div className="modal"> <p>Model Pop-up <button onClick={this.handleClick}>here</button></p> <

Läs mer →

javascript - Hur man får CSS-egenskap från klass med jQuery

Hur kan jag få 'color'-egenskapen från testklassen men får inte använda .addClass och .css-funktionerna.

.test { color: red; margin: 10px 10px 10px 10px; }

Jag behöver lägga till egenskapen färg för en annan klass. Något som följande

<div class="getproperty"></d

Läs mer →

javascript - Förstå offsetWidth och clientWidth när css border-box är aktiv

Jag kommer från denna fråga: Förstå offsetWidth, clientWidth, scrollWidth och -Height, respektive

Jag förstår att detta är fallet för den standardiserade boxmodellen, är det rätt?

Men vad händer när du har något som detta:

*{ box-sizing: border-box; }

Är offsetWidth och clientWidth lika nu? Händer det här alltid med denna regel?

Och vad sägs om padding-box?

Svar #1

Prova det själv: http:/

Läs mer →