Tag: css
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...
Menu a tendina HTML e CSS senza asulio di javascript: download...
Scarica lo .ZIP del menu a tendina CSS o visualizza la demo e scopri se questo strumento fa al caso tuo. Anche se non...
HTML iframe – disable scroll
Sfortunatamente non credo sia possibile in HTML5 completamente conforme con solo proprietà HTML e CSS.
Tuttavia, la maggior parte dei browser supporta ancora la proprietà...
