Domande taggate «css-transitions»

Le transizioni CSS consentono che le modifiche alle proprietà nei valori CSS avvengano senza problemi per una durata specificata.

30
Come posso spostare l'altezza: 0; all'altezza: auto; usando CSS?
Sto cercando di fare una <ul>diapositiva verso il basso usando le transizioni CSS. L' <ul>inizio inizia alle height: 0;. Al passaggio del mouse, l'altezza è impostata su height:auto;. Tuttavia, ciò sta causando la semplice visualizzazione, non la transizione, Se lo faccio da height: 40px;a height: auto;, allora scivolerà su height: …
2136 css  css-transitions 
30
Transizioni sulla proprietà di visualizzazione CSS
Attualmente sto progettando un menu 'mega menu a discesa' CSS - fondamentalmente un normale menu a discesa solo CSS, ma uno che contiene diversi tipi di contenuto. Al momento, sembra che le transizioni CSS 3 non si applichino alla proprietà 'display' , cioè non è possibile effettuare alcun tipo di …
1449 css  css-transitions 
6
Stenografia di transizione CSS con più proprietà?
Non riesco a trovare la sintassi corretta per la scorciatoia di transizione CSS con più proprietà. Questo non fa nulla: .element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s; -ms-transition: height .5s, opacity .5s .5s; transition: height .5s, opacity .5s .5s; height: 0; opacity: 0; …
8
Come avere più transizioni CSS su un elemento?
È una domanda piuttosto semplice ma non riesco a trovare un'ottima documentazione sulle proprietà di transizione CSS. Ecco lo snippet CSS: .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color …
15
Usa le transizioni CSS3 con sfondi sfumati
Sto cercando di passare al passaggio del mouse con CSS su un'anteprima in modo che al passaggio del mouse il gradiente di sfondo sfuma. La transizione non funziona, ma se la cambio semplicemente in un rgba()valore, funziona bene. I gradienti non sono supportati? Ho provato a usare anche un'immagine, non …
11
animazione di transizione css3 al caricamento?
È possibile utilizzare l'animazione di transizione CSS3 al caricamento della pagina senza utilizzare Javascript? Questo è un po 'quello che voglio, ma al caricamento della pagina: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html Quello che ho trovato finora CSS3 ritardo di transizione , un modo per ritardare gli effetti sugli elementi. Funziona solo al passaggio del …
5
CSS 3 slide-in dalla transizione di sinistra
Esiste una soluzione cross browser per produrre una transizione slide-in solo con CSS, senza javascript? Di seguito è riportato un esempio del contenuto html: <div> <img id="slide" src="http://.../img.jpg /> </div>
9
CSS: Animation vs. Transition
Quindi, capisco come eseguire sia transizioni che animazioni CSS3. Ciò che non è chiaro, e ho cercato su Google, è quando usare quale. Ad esempio, se voglio far rimbalzare una palla, è chiaro che l'animazione è la strada da percorrere. Potrei fornire fotogrammi chiave e il browser farebbe i frame …
13
Transizione dell'immagine di sfondo CSS3
Sto cercando di creare un effetto di "dissolvenza in apertura" utilizzando la transizione CSS. Ma non riesco a farlo funzionare con l'immagine di sfondo ... Il CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: …
5
Disattiva / disattiva le transizioni CSS3 ereditate
Quindi ho le seguenti transizioni CSS allegate all'elemento a: a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } C'è un modo per disabilitare queste transizioni ereditate su elementi a specifici? a.tags …
3
CSS: opacità della transizione al passaggio del mouse in uscita?
.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } Perché questo anima l'opacità solo quando passo il mouse ma non quando lascio l'oggetto con il mouse? Demo qui: http://jsfiddle.net/7uR8z/ ​
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.