Articles of css

modifica programmatica dei valori di trasformazione del webkit nelle regole di animazione

Ho questo foglio di stile: @-webkit-keyframes run { 0% { -webkit-transform: translate3d(0px, 0px, 0px); } 100% { -webkit-transform: translate3d(0px, 1620px, 0px); } } Ora, vorrei modificare il valore di 1620px a seconda di alcuni parametri. Come questo: @-webkit-keyframes run { 0% { -webkit-transform: translate3d(0px, 0px, 0px); } 100% { -webkit-transform: translate3d(0px, height*i, 0px); } } […]

stili completi per lo zoom CSS cross-browser

Sto trovando difficile ottenere pienamente le proprietà dello zoom CSS cross-browser .. quello che ho sono solo questi zoom: 2; -moz-transform: scale(2);

differenza tra altezza css: 100% vs altezza: auto

Mi è stata fatta una domanda in un’intervista che “qual è la differenza tra l’ height:100% del css height:100% e height:auto ?” Qualcuno può spiegare?

Immagine di sfondo retriggers a schermo intero

Sono molto nuovo nello sviluppo e nella fondazione di Front-end. Sto cercando di ottenere come immagine a schermo intero che ridimensiona in modo reattivo. Qualcuno può dirmi cosa sto facendo di sbagliato? Sta ridimensionando correttamente, ma non mostra l’immagine completa. Volevo anche che trovasse sopra di esso su un dispositivo mobile – è ansible? L’HTML: […]

Riempimento o valore del margine in pixel come intero usando jQuery

jQuery ha funzioni height () en width () che restituiscono l’altezza o la larghezza in pixel come numero intero … Come posso ottenere un padding o un valore di margine di un elemento in pixel e come intero usando jQuery? La mia prima idea era di fare quanto segue: var padding = parseInt(jQuery(“myId”).css(“padding-top”)); Ma se […]

Padding-bottom / top nel layout della flexbox

Ho un layout della confezione flessibile contenente due elementi. Uno di questi utilizza il fondo di riempimento : #flexBox { border: 1px solid red; width: 50%; margin: 0 auto; padding: 1em; display: flex; flex-direction: column; } #text { border: 1px solid green; padding: .5em; } #padding { margin: 1em 0; border: 1px solid blue; padding-bottom: […]

Aggiungi interruzione di riga a :: after o :: before pseudo-element content

Non ho accesso a HTML o PHP per una pagina e posso solo modificare tramite CSS. Ho fatto modifiche su un sito e ho aggiunto del testo tramite gli pseudo-elementi ::after o ::before e ho scoperto che escape Unicode dovrebbe essere usato per cose come uno spazio prima o dopo il contenuto aggiunto. Come posso […]

Float right e position absolute non funzionano insieme

Voglio che un div sia sempre alla destra del suo genitore div, quindi uso float:right . Funziona. Ma voglio anche che non influenzi altri contenuti quando vengono inseriti, quindi uso la position:absolute . Ora float:right non funziona, il mio div è sempre alla sinistra del suo genitore div. Come posso spostarlo a destra?

Posso aggiungere colore alle icone di bootstrap solo usando i CSS?

Il bootstrap di Twitter utilizza Icons by Glyphicons . Sono ” available in dark gray and white ” per impostazione predefinita: È ansible utilizzare alcuni trucchi CSS per cambiare i colors delle icone? Speravo in qualche altra brillantezza css3 che avrebbe impedito di avere un set di icone per ogni colore. So che puoi cambiare […]

Come far espandere o contrarre un elemento al suo contenitore genitore?

L’objective è di espandere l’elemento alle dimensioni del suo contenitore genitore, in questo caso un , non importa quanto big o piccolo possa essere quel contenitore. Il codice: svg, #container{ height: 100%; width: 100%; } La soluzione più comune a questo problema sembra impostare l’attributo viewBox sull’elemento . viewBox=”0 0 widthOfContainer heightOfContainer” Tuttavia, questo non […]