Domande taggate «css»

CSS (Cascading Style Sheets) è un linguaggio per fogli di stile di rappresentazione utilizzato per descrivere l'aspetto e la formattazione dei documenti HTML (HyperText Markup Language), XML (Extensible Markup Language) e degli elementi SVG inclusi (ma non limitati a) colori, layout, caratteri, e animazioni. Descrive anche come gli elementi dovrebbero essere resi sullo schermo, sulla carta, nel parlato o su altri media.

1
CSS3 Flex: tira il bambino a destra
ecco cosa ho Fiddle ul { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; width: 100%; height: 100px; background: #333; padding: 15px; } ul li { padding: 15px; margin: 5px; background: #efefef; border: 1px solid #ccc; display: inline-block; list-style: none; } #item-1 { height: 50px; } #item-2 { height: 70px; …
91 html  css 
6
Ruota staticamente le icone fantastiche dei caratteri
Vorrei ruotare staticamente di 45 gradi le mie fantastiche icone dei caratteri. Sul sito si dice che: Per ruotare e capovolgere arbitrariamente le icone, usa le classi fa-rotate- * e fa-flip- *. Tuttavia, facendo <i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> non funziona, mentre la sostituzione fa-rotate-45con fa-rotate-90fa. Ciò significa che di …
6
CSS Transition non funziona con top, bottom, left, right
Ho un elemento con stile position: relative; transition: all 2s ease 0s; Quindi voglio cambiare la sua posizione senza problemi dopo aver fatto clic su di esso, ma quando aggiungo il cambio di stile la transizione non avviene, invece l'elemento si muove istantaneamente. $$('.omre')[0].on('click',function(){ $$(this).style({top:'200px'}); }); Tuttavia, se cambio la …
7
Che cos'è lo stile di elenco predefinito (CSS)?
Sul mio sito web utilizzo reset.css. Aggiunge esattamente questo agli stili di elenco: ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, …
91 html  css  html-lists 
5
Puro CSS compressione / espansione div
Ho un div comprimibile CSS puro che si basa sul codice di qualcun altro che utilizza la :targetpsuedoclass. Quello che sto cercando di impostare è una pagina con più di 12 domande e quando fai clic sul pulsante + il div di risposta si espande al di sotto. Non riesco …
91 css  collapsable 
8
Come invertire un'animazione all'uscita del mouse dopo il passaggio del mouse
Quindi, è possibile avere un'animazione inversa all'uscita del mouse come: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } ma, quando si utilizza l'animazione @keyframes, non sono riuscito a farlo funzionare, ad esempio: .class{ animation-name: out; animation-duration:2s; } .class:hover{ animation-name: in; animation-duration:5s; animation-iteration-count:infinite; } @keyframe in{ to {transform: rotate(360deg);} } @keyframe …
91 css  animation 
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.