Tag: css-transitions

come posso ottenere un’immagine all’interno di un altro elemento div per reagire su librarsi sull’elemento div più esterno?

ho una pagina in cui ho un plugin WordPress WPDATATABLES utilizzando HTML per visualizzare alcune informazioni che sto tirando da vari siti (importXML). l’idea è per la pagina di guardare qualcosa di simile a questo https://www.labelradar.com/labels/chillyourmind/profile, che quando…

Read More »

transizione CSS non funziona con lo spazio bianco: nowrap e text-overflow: ellipsis quando passa il mouse

ho impostato un white-space: nowrap con text-overflow: ellipsis in qualche testo e, quando l’utente si posiziona, dovrebbe cambiare il valore dello spazio bianco a normale. il codice hover funziona bene, ma non posso fare le transizioni di lavoro….

Read More »

come animare l’allineamento dall’alto verso il basso su hover?

sto cercando un modo per animare una transizione hover con css. e spero di mantenere puro css. se no userò jquery come backup. questo sarebbe il mio obiettivo: un contenitore con un div contenuto. e quando si libra…

Read More »

transizione CSS su SVG provoca tremolante IE11 e Bordo

ho una immagine SVG posta nella mia intestazione. l’immagine ha una larghezza fissa e quando scorro verso il basso aggiungo una classe CSS alla mia intestazione per cambiare la larghezza dell’immagine. funziona bene tranne che lampeggia in IE11…

Read More »

transizioni CSS con Angolare 2 + ngClass

ho una classe CSS semplice morto che alterna opacità su <tr> elementi con una transizione facilità di base: tbody tr { transition: opacity 1s ease; } tbody.blur tr { opacity: .3; } tbody.blur tr.focus { opacity: 1; }…

Read More »

img transizioni CSS rompere quando l’aggiunta di tag ancora ad esso

sono nuovo in HTML / CSS e sto lavorando ad uno dei miei primi progetti al momento. inizialmente, Ho avuto immagini con una semplice transizione hover fatto tramite CSS legato a loro. quando si librava su di loro,…

Read More »

CSS3 testo animato. fermare un fine contenuto

sto cercando di fermare il cursore bordo basato alla fine del testo animato invece di andare al bordo della finestra. ho provato a impostare la larghezza del contenitore e regolare la larghezza del testo, ma questo sarà utilizzato…

Read More »

transizione CSS non è attivato da aggiungere classi in una stessa funzione

quando clicco sulla finestra, la transizione CSS non si attiva. const div = document.querySelector(‘div’); window.onclick = function() { div.classList.add(‘fade’); div.classList.add(‘in’); } .fade { opacity: 0; } .fade.in { transition: opacity 2s linear; opacity: 1; } <div>aaaa</div> poi cambio…

Read More »

come impostare il ritardo tra ogni iterazione ripetuta nell’animazione Wow.js?

ho creato animazione scuotendo con wow.js. voglio mettere in pausa che scuotere l’animazione per qualche tempo come 6s e riavviare l’animazione shake. come raggiungerlo? ho fornito frammenti di immagine agitazione // Initialize wow new WOW().init(); .course-img2 img{ width:30%;…

Read More »

animazione parametrica in Angular2

è possibile parametrizzare l’animazione usando un meccanismo integrato (https://angular.io/docs/ts/latest/guide/animations.html)? per esempio vorrei creare accordion component e consentire al consumatore di questo componente di definire quanto velocemente il contenuto di fisarmonica dovrebbe apparire / scomparire. ex. ex. <accordion [transitionTime]=”150ms”>…</accordion>…

Read More »