Tag: css
Come installare un certificato SSL gratis su un sito web
Vuoi attivare l’HTTPS sul tuo sito ma non vuoi spendere per un certificato SSL? Esistono soluzioni gratuite e affidabili che puoi usare facilmente. In...
I Selettori CSS: Guida Completa per Principianti
Cos'è un Selettore CSS?
Un selettore CSS è un pattern che identifica gli elementi HTML ai quali applicare stili specifici.
CSS (Cascading Style Sheets) è un...
Page Scroll Progress Bar with CSS and JavaScript
La barra di avanzamento dello scorrimento è un indicatore che mostra la posizione in cui si trova l'utente sulla pagina. L'indicatore di scorrimento nella...
Template html per stampa in A4
Mini tutorial per avere margini di stampa con formato A4, per avere i margini perfetti di stampa basta come vedete dichiarare i margini con...
CSS: l’attributo media
E' possibile aggiungere tanto al tag <style> che al tag <link>. L'attributo in questione è media ed il suo compito è quello di definire...
Customize My Account for WooCommerce
La pagina Il mio account WooCommerce è una delle pagine più importanti di WooCommerce. Contiene informazioni importanti per i tuoi clienti come ordini, indirizzo,...
CSS cursor Property
I CSS possono generare una serie di diversi cursori del mouse:
.alias {cursor: alias;}
.all-scroll {cursor: all-scroll;}
.auto {cursor: auto;}
.cell {cursor: cell;}
.col-resize {cursor: col-resize;}
.context-menu {cursor: context-menu;}
.copy {cursor:...
Responsive and Accessible Multi-Level Menu – jolty.js example
Elegante menu orizontale multi livello responsive.
See the Pen
Responsive and Accessible Multi-Level Menu - jolty.js example by Jolty Labs (@joltylabs)
...
Ken Burns CSS Animation Effect
Effetto movimento sul bg.
HTML
<h1>Ken Burns CSS Animation Effect</h1>
<picture class="gallery kenburns">
<img src="https://brandontran.com/images/top-gun-maverick-1.jpg" width="1000" height="560">
</picture>
CSS
html, body {
padding: 0;
margin:...
Another css pattern
Sipatico bg anni 80, tramite css, messo tag html bello anche da vedere. Ecco il codice e sotto l'esempio finale:
html {
--s: 52px;...
