CSS — 30

creare una scatola 3D in movimento con transizioni CSS e Javascript

Ho giocato con il CSS cercando di creare una scatola 3D di cui puoi selezionare la faccia con JavaScript puro.

Si tratta semplicemente di cambiare il className dei div della scatola e usare la proprietà transition per passare agevolmente tra le posizioni.

ecco un jsfiddle per most

Continua a leggere →

javascript - Come posso aggiungere un file CSS a un WIDGET PERSONALIZZATO in Magento?

Quindi, ho un widget personalizzato per Magento (come una presentazione per i prodotti).

E voglio aggiungere CSS/Javascript personalizzato al mio widget.

Non voglio mostrare(caricare) il file CSS/JS ogni volta.

Voglio caricare JS/CSS SO

Continua a leggere →

javascript - controllo delle versioni: come controllare le versioni compresse/minificate di css e js tra gli ambienti

Sto usando git (tramite GitHub) per il controllo delle versioni sui miei progetti. Sono ancora nuovo a questo, ma vorrei sapere le migliori pratiche su come mantenere i miei file css e js sincronizzati tra gli ambienti.

Esempio: Supponiamo che io scriva uno script js su dev. Sono soddisfatto del mio lavoro e lo carico su testing. Bene, su testing vorrei avere una versione minificata/compressa. Come potrei farlo senza un sacco di co

Continua a leggere →

javascript - È possibile impostare la proprietà cssText di una cssRule

Sto cercando di modificare la proprietà cssText di una cssRule. L'ho visto fare spesso:

Perché modificare l'altezza in cssText rimuove il background: none?
Sposta le mie immagini all'avvio

Di solito viene fatto usando: cssText.replace( ... ).

Sembra funzionare per t

Continua a leggere →

javascript - Integrare il tag style usando css

Cerco di aggiungere il <style type="text/css"></style> al tag head usando jQuery. Ho provato in questo modo

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

In precedenza, avevo questo tipo di

Continua a leggere →

javascript - Cercare e evidenziare lo sfondo dei testi usando CSS o jQuery

Ho un div che contiene del testo:

Ho anche una casella di testo dove l'utente inserirà una stringa di ricerca.

Esiste un modo tramite CSS per impostare la proprietà background-color

Continua a leggere →

html - Come fermare il timer di 60 secondi dal diventare "scattoso" (css/javascript)

Ho creato un timer di conto alla rovescia di "60 secondi" in JavaScript e sto cercando di capire come farlo non saltellare. Il problema principale è che i caratteri dei font non hanno larghezze costanti. L'unico modo che vedo per risolvere questo problema è in qualche modo inserire ogni carattere nel proprio div e controllare la larghezza di quel div tramite CSS. Ma non sono davvero sicuro di come procedere. Esiste un approccio migliore a questo?

So che il plugin "TweenMax" di Greensock

Continua a leggere →

Modal di ReactJs usando Javascript e CSS

Come aggiungere una finestra modale ReactJS con il tag di chiusura del body per impostare il posizionamento della modale in modo assoluto con il tag body.

Ecco un esempio aggiunto all'interno dell'altro componente.

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

Continua a leggere →

javascript - Come ottenere la proprietà CSS da una classe usando jQuery

Come posso ottenere la proprietà 'color' dalla classe test ma non dovrei usare le funzioni .addClass e .css.

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

Ho bisogno di aggiungere la proprietà colore per un'altra classe. Qualcosa del genere

<div class="getpropert

Continua a leggere →

javascript - Comprendere offsetWidth e clientWidth quando il box CSS è impostato su border-box

Vengo da questa domanda: Comprendere rispettivamente offsetWidth, clientWidth, scrollWidth e -Height

Capisco che questo sia il caso per il modello a scatola standard, è giusto?

Ma cosa succede quando hai qualcosa del genere:

*{ box-sizing: border-box; }

OffsetWidth e clientWidth sono uguali adesso? Succede sempre con questa regola?

E che dire di padding-box?

Risposta n. 1

Provalo tu stess

Continua a leggere →