diff --git a/index.html b/index.html new file mode 100644 index 0000000..9d9ccc2 --- /dev/null +++ b/index.html @@ -0,0 +1,73 @@ + + + + Cartoline + + +

Cartoline natalizie

+
+ +
+
+ +
+
+ +
+ + \ No newline at end of file diff --git a/mystyle.css b/mystyle.css index e69de29..3707ddc 100644 --- a/mystyle.css +++ b/mystyle.css @@ -0,0 +1,60 @@ + + body{ + background-color: #ae0d13; + color: #ddab46; + font-family: Arial, Helvetica, sans-serif; + } + /* contenitore della cartolina */ + #cartoline { + background-color: transparent; + width: 400px; + height: 400px; + display: inline-block; + padding: 80px; + } + + /* contenitore per posizionare la cartolina */ + .cartoline-posizione { + position: relative; + width: 100%; + height: 100%; + text-align: center; + transition: transform 0.8s; + transform-style: preserve-3d; + } + + /* gira la cartolina quando cliccata */ + #cartoline .cartoline-posizione:active { + transform: rotateY(180deg); + } + + /* posizione del davanti e del retro della cartolina */ + .cartolina-davanti, .cartolina-sfondo { + position: absolute; + bottom: 10px; + right: 10px; + left: -2px; + top: -2px; + /*non faccio vedere il dietro se sto facendo vedere il davanti e viceversa */ + backface-visibility: hidden; + } + + /* stile davanti se manca l'immagine */ + .cartolina-davanti { + background-color: #fff; + color: black; + } + + /* stile retro */ + .cartolina-sfondo { + width: 400px; + height: 400px; + transform: rotateY(180deg); + background-image: url(pics/back.jpg); + + } +.cartolina-testo{ + padding-right: 40px; + color: black; + text-align: right; +} \ No newline at end of file diff --git a/pics/albero con regali.jpg b/pics/albero con regali.jpg new file mode 100644 index 0000000..3ccf04b Binary files /dev/null and b/pics/albero con regali.jpg differ diff --git a/pics/babbo natale.jpg b/pics/babbo natale.jpg new file mode 100644 index 0000000..84149c5 Binary files /dev/null and b/pics/babbo natale.jpg differ diff --git a/pics/back.jpg b/pics/back.jpg new file mode 100644 index 0000000..92118fa Binary files /dev/null and b/pics/back.jpg differ diff --git a/pics/slitta.jpg b/pics/slitta.jpg new file mode 100644 index 0000000..ce196fc Binary files /dev/null and b/pics/slitta.jpg differ