Articles of css3

CSS Blur Weird Shadow Effect

Sto avendo questo problema davvero strano che non ho idea di cosa lo stia causando. Ho una galleria di immagini di grandi dimensioni, che sto ridimensionando a 620 x 250 pixel con CSS. Quando un utente passa sopra l’immagine, mostro una sovrapposizione con del testo al suo interno. Ho anche un po ‘di effetto sfocato […]

gli elementi della griglia dovrebbero scorrere attraverso le righe, non le colonne

Ho una griglia che contiene 7 div di dimensioni dinamiche circondate da 2 blocchi che dovrebbero allinearsi con la 2a riga della griglia div 7 dynamic. L’ho quasi sempre funzionante, tranne per il fatto che la griglia è orientata come colonne e voglio che sia una riga. Vedi Fiddle, 1-7 dovrebbe andare in cima alla […]

Come creare un’ombra prospettica solo con i CSS?

Conosco la proprietà box-shadow nei CSS, ma questo produce un’ombra che sembra proiettata su un muro proprio dietro l’elemento. Ho bisogno di creare un’ombra che assomigli all’elemento che si trova sul terreno in questo modo: Questo è quello che ho finora: div { display: inline-block; height: 150px; width: 150px; background: url(//placehold.it/150×150); margin-left: 20px; box-shadow: -5px […]

Terminologia: il significato di “larghezza dynamic” ha un consenso?

Prima di tutto, non so se questa domanda possa adattarsi meglio su un altro sito SE . Si prega di segnalare se si pensa che dovrebbe essere migrato. sfondo Partendo dalla mia risposta al centro fisso div con larghezza dynamic (CSS) , osservo sui commenti che c’è una sorta di incomprensione dovuta al termine dinamico […]

Come posizionare un’immagine su un’altra in CSS 3?

Sto cercando di creare l’effetto box-shadow come indicato di seguito. L’ombra è sviluppata utilizzando puro codice CSS3: Ma a causa dell’immagine di sfondo, l’ombra non appare come mostrato di seguito. Come posso posizionare l’ombra in alto?

Crea pulsante con interruttore e testo con un singolo elemento

Sto cercando di creare un pulsante da un singolo elemento html. Il pulsante deve avere un cursore di triggerszione e il testo deve essere allineato verticalmente e orizzontalmente. Quindi ho pensato di poter fare uso di :before element per aiutarmi a farlo accadere. Ecco cosa ho provato: div { width: 140px; height: 40px; background-color: #B3B3B3; […]

Ritarda la chiusura del sottomenu su un menu css realizzato esclusivamente con div

Ho creato questo menu orizzontale con DIV, (nessun elenco di ul e li usato), sto cercando un modo per ritardare il colapse dei sottomenu al passaggio del mouse, non importa se è con javascript, jquery o CSS. ho provato alcune soluzioni javascript ma nessuna ha funzionato. il CSS .topmenu { margin: 0 auto; width: auto;float:left; […]

On Hover CSS3 Shadow diventa più scuro

Ho aggiunto una sovrapposizione di ombre sulle mie immagini ma voglio che l’ombra diventi più scura quando aleggi l’immagine. Ho provato un sacco di cose diverse ma non ho potuto farlo funzionare correttamente e sposterebbe le immagini dappertutto quando si passerà il mouse. Questo è quello che ho finora. http://jsfiddle.net/Qf4Ka/6/ HTML Nature Bengal Tiger CSS […]

modifica: passa il mouse sulla funzione clic / touch sui dispositivi mobili / touch non funzionanti

Quindi, sto provando a cambiare la funzione :hover su una funzione click usando la class no-touch / touch Modernizr per elementi specifici (didascalie) su una pagina. E in teoria, questo dovrebbe funzionare, ma in qualche modo è cliccabile solo una volta su un dispositivo mobile / touch, il che significa che se clicco / touch […]

Menu orizzontale completamente giustificato con immagini e separatori

Mi piacerebbe ottenere questo menu orizzontale pienamente giustificato: La giustificazione è fatta con la flexbox e funziona, ma non ho potuto giustificare anche i punti intermedi di separazione; sono realizzati usando il contenuto css tramite pseudo-class. Inoltre, mi chiedo se ci sia un modo migliore per centrare verticalmente gli oggetti piuttosto che fingere aggiungendo un […]