Articles of css3

JS AnimationEnd Loop, vorrebbe loop continuamente senza usare; setInterval / setTimout

Nel codice seguente sto provando ad eseguire il loop di tre funzioni che si triggersno solo una volta completata la funzione precedente, con l’ultima funzione che chiama il primo ad avviare nuovamente il processo. L’utilizzo di setInterval / setTimout non sarà una buona risposta per questo perché RequestAnimationFrame si sostituisce a un modo più semplice […]

cambia ul li da orizzontale a verticale

Sto cercando di creare un menu che verrà visualizzato quando la larghezza della finestra viene ridimensionata a una risoluzione ridotta. Di seguito l’HTML e i CSS sono sotto Home Articles Webinars CSS: nav ul { list-style:none; } nav li{ display:inline; line-height:1.5px; } nav li:not(:first-child) > :only-child, nav ul > :first-child a{ text-decoration:none; font-size:1.4em !important; outline:1px […]

Come attaccare il piè di pagina alla parte inferiore dello schermo e impedire che la sezione centrale si estenda sotto il piè di pagina?

Ho cercato di impostare tre colonne al 100% di altezza di un’area di contenuto principale con un’intestazione e un piè di pagina in alto e in basso. Il comportamento desiderato è: Quando il contenuto non occupa lo schermo, il piè di pagina si trova nella parte inferiore dello schermo e l’area centrale si estende per […]

barra di navigazione – rendendo triggers una sola scheda con css

C’è qualche esempio di rendere triggers una sola scheda al click con puro CSS senza JS?

Altezza degli elementi flessibili non fissi

Ho una pagina con tre righe dall’alto al basso, fissa l’intestazione di altezza (100px) nella parte superiore e correggi l’altezza del piè di pagina (100px) nella parte inferiore, il centro occupa l’altezza di rest. la demo è qui: http://jiazhengblog.com/test/flex-study.html Il risultato è quello che mi aspettavo. Ma dopo aver aggiunto alcuni contenuti nella riga centrale, […]

100% di altezza per il corpo e i suoi elementi figlio

Sto specificando un colore di sfondo per il body che visualizza solo una certa distanza. Ho bisogno che sia a tutta altezza e anche per i suoi elementi figli. Uno dei suoi elementi figlio ha il border-right che deve anche mostrare l’altezza dello schermo intero. Il mio CSS sembra (esempio) controllare meglio la mia demo […]

Evidenzia elementi arbitrari in html

Sto sviluppando un’applicazione software desktop che cerca errori nelle pagine Web e può evidenziarli nel browser. Le aree evidenziate sono alquanto arbitrarie. Potrebbero essere una parola in ap tag, un intero un tag o un img. In passato l’ho fatto riscrivendo l’html e aggiungendo tag con estensione stilizzata attorno all’area evidenziata. Lo svantaggio è che […]

Non riesco a capire come avere immagini e testo fianco a fianco in un div e tenerlo reattivo, incluso il violino

Sto avendo difficoltà a codificare questo effetto. Finora con quello che ho funziona a determinate larghezze del browser, ma se allunghi il browser in giro vedrai cose che vanno fuori posto. http://jsfiddle.net/Hq8C4/ ho impostato float:right; float:left; e alcune altre cose che ho provato puoi vedere nel violino. Ecco cosa devo fare .. 1. Ho bisogno […]

Come cambiare gli stili IFrame da IFrame stesso usando jquery?

Ho un iframe che verrà inserito dynamicmente nella pagina padre ( non ho il controllo su questo dominio ) usando il seguente script … var _hf_iFrame = document.createElement(“iframe”); _hf_iFrame.setAttribute(“id”, “_hf_iFrame”); _hf_iFrame.setAttribute(“name”, “_hf_iFrame”); _hf_iFrame.setAttribute(“style”, “height: 354px; width: 445px; border: 0; margin-left: -400px; top: 23%; position: fixed;”); document.body.appendChild(_hf_iFrame); _hf_iFrame.setAttribute(“src”, “http://anotherdomain.com/frame.html”); Voglio cambiare le proprietà CSS dell’iframe dall’iframe […]

Posso forzare iframe per mostrare determinate parti della pagina usando css o jQuery

Voglio mostrare il video da uno dei siti Web poiché non posso consumarlo, ho pensato di usare iframe e alcuni come mostrare solo la parte video dell’iframe. Esempio su jsFiddle Non sono sicuro di come utilizzare jQuery per mostrare solo il wrapper DIV con video incorporato o solo per css se possiamo