Articles of background image

Come includere il valore di copertina di sfondo nella proprietà dello sfondo abbreviato?

Sto provando a impostare un’immagine di sfondo per estendere la larghezza e l’altezza di . Il sarà di dimensioni variabili, quindi sto usando background-size: cover; background: url(“../images/bkgnd-sidebar.png”) no-repeat left top cover; Non riesco a capire come inserirlo in questa notazione stenografica e farlo funzionare. Se elenco ogni proprietà in modo indipendente, funziona bene, ma speravo […]

Immagine di sfondo completa con effetto dissolvenza

.crossfade > div { animation: imageAnimation 30s linear infinite 0s; backface-visibility: hidden; background-size: cover; background-position: center center; color: transparent; height: 100%; left: 0px; opacity: 0; position: fixed; top: 0px; width: 100%; z-index: 0; } .crossfade { height: 500px; } #fade1{ background-image: url(‘../images/taxi.jpg’); } #fade2 { animation-delay: 6s; background-image: url(‘../images/default.jpg’); } #fade3 { animation-delay: 12s; background-image: […]

Sfocatura CSS sull’immagine di sfondo ma non sul contenuto

Ho fatto questo esempio . Sto cercando di sfocare l’immagine di sfondo, ma anche il contenuto principale è sfocato (lo ) Come posso sfocare lo sfondo senza offuscare il contenuto?

Sovrapponi un’immagine di sfondo con un colore di sfondo rgba

Ho un div con un’immagine di background-image . Voglio sovrapporre l’immagine di sfondo con un colore rgba(0,0,0,0.1) ) quando l’utente alza il div. Mi stavo chiedendo se c’è una soluzione a div-div (cioè non con più div, una per l’immagine e una per il colore, ecc.). Ho provato più cose: E questo CSS: .the-div { […]

Come ruotare l’immagine di sfondo nel contenitore?

Voglio ruotare l’immagine che si trova nel pulsante della barra di scorrimento in Chrome. Ora ho un CSS con questo contenuto: ::-webkit-scrollbar-button:vertical:decrement { background-image:url(images/arrowup.png) ; -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); background-repeat:no-repeat; background-position:center; background-color:#ECEEEF; border-color:#999; } Desidero ruotare l’immagine senza ruotarne il contenuto.

Sovrapponi i dati sull’immagine di sfondo

Recentemente ho capito quanto fosse facile usare un’immagine di sfondo e mappare i dati su di essa usando Tableau Public. Ecco il processo dal loro sito web . Come puoi vedere, è abbastanza semplice, e devi semplicemente dire al software quale immagine vuoi usare e come definire le coordinate. Il processo è semplice in R? […]

Distriggers l’antializzazione quando ridimensiona le immagini

Possibile duplicato: Come allungare le immagini senza antialiasing È in alcun modo ansible disabilitare l’antialias quando si ridimensiona un’immagine? In questo momento, ottengo qualcosa che assomiglia a questo: Utilizzando il seguente codice CSS: #bib { width:104px;height:104px;background-image:url(/media/buttonart_back.png);background-size:1132px 1360px; background-repeat:no-repeat;} Quello che vorrei, è qualcosa del genere: In breve, qualsiasi flag CSS per disabilitare l’ anti-aliasing durante […]

Utilizzo dell’attributo dati HTML per impostare l’URL di background-image CSS

Ho in programma di build una galleria fotografica personalizzata per un amico e so esattamente come sto andando a produrre l’HTML, tuttavia sto correndo un piccolo problema con il CSS. (Preferirei che lo stile della pagina non si basasse su jQuery se ansible) La mia domanda riguarda: Data-Attribute in HTML Background-image nei CSS Sto usando […]

Dissolvenza in un’immagine di sfondo

Ho una pagina web che usa un’immagine grande per il suo background. Speravo di usare jQuery per caricare l’immagine una volta scaricata (in pratica il modo in cui bing.com carica la sua immagine di sfondo). È ansible con jQuery? Se è così, c’è un plugin che consiglieresti?

CSS background-size: cover + background-attachment: immagini di sfondo del clipping fisse

Ho una lista di figure contenenti immagini di sfondo. Qualcosa come il seguente: Ognuna di queste immagini ha la sua background-size impostata per cover e l’ background-attachment impostato su fixed . figure { width: 100%; height: 100%; background-size: cover; background-attachment: fixed; } Quando ognuna delle figure occupa l’intera finestra, funziona perfettamente, ma se c’è un […]