Tag: css
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;...
Effetto di testo “impossibile” CSS
Un bellissimo effetto sul testo che potrebbe dare un bel colpo d'occhio al tuo sito. Poche righe di codice per vedere un rettangolo che...
L’effetto al passaggio del mouse CSS di Adam Argyle
Stavo ammazzando un po' di tempo sfogliando il mio feed CodePen per un po' di piacere per gli occhi e non ho avuto bisogno...
