Tag: HTML
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...
with Notifications!
Animazione con interazione in javascript stile cartoon
See the Pen
Digital Pet - with Notifications! by Sofiya (@sheepsheep)
on CodePen.
<div...
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...
Countdown con redirect in javascript
Oggi vi propongo uno script che vi permette di avere un countdown che alla chiusura, cioe' allo zero. crea un 301 quindi una redirect...
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...
