Dado - tutorial

DADO

• rgba(250,250, 250,.9)
• 1px inset hsla(0, 100%, 98%, 1)
• rgba(244,210,255,1)

• rgb(250,250, 250,.9)
• 1px inset hsla(0, 100%, 98%, 1)
• rgba(5,55, 9,1)

• linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
• 1px inset hsla(0, 100%, 98%, 1)
• radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

Maestra Monica

DADO

clicca sul pulsante blu per separare

DADO

trascina le immagini

trascina il codice

• linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
• 1px inset hsla(0, 100%, 98%, 1)
• radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

clicca su ogni immagine e poi sul cestino per eliminarle

scarica sul tuo pc le immagini che ti servono da siti web di media stock gratuiti

pixabay

icone

freepik

clicca su risorse

clicca su carica immagine e scegli "dal tuo dispositivo"

clicca su immagini

dai alle immagini la dimensione adatta al dado

trascina il codice sopra alle immagini

• linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
• 1px inset hsla(0, 100%, 98%, 1)
• radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

sovrapponi le immagini all'interno del dado

raggruppa tutto

il dado è pronto, vai su anteprima. per vedere il lavoro fatto

• linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
• 1px inset hsla(0, 100%, 98%, 1)
• radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

COME UTILIZZARE IL DADO IN CLASSE

E' ARRIVATO UN BASTIMENTO CARICO DI...

• linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
• 1px inset hsla(0, 100%, 98%, 1)
• radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

• linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
• 1px inset hsla(0, 100%, 98%, 1)
• radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

PERSONE ANIMALI O COSE?

QUALE VOCALE?

• linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
• 1px inset hsla(0, 100%, 98%, 1)
• radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

• linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
• 1px inset hsla(0, 100%, 98%, 1)
• radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

• linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
• 1px inset hsla(0, 100%, 98%, 1)
• radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

Clicca sui dadi e inventa una storia

• linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
• 1px inset hsla(0, 100%, 98%, 1)
• radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

• linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
• 1px inset hsla(0, 100%, 98%, 1)
• radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

• linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
• 1px inset hsla(0, 100%, 98%, 1)
• radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

CHI

QUANDO

DOVE

OGGETTO MAGICO

ANTAGONISTA

AIUTANTE

• linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
• 1px inset hsla(0, 100%, 98%, 1)
• radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

• linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
• 1px inset hsla(0, 100%, 98%, 1)
• radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

• linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
• 1px inset hsla(0, 100%, 98%, 1)
• radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

• linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
• 1px inset hsla(0, 100%, 98%, 1)
• radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

Gira i dadi e Inventa il tuo racconto giallo

• linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
• 1px inset hsla(0, 100%, 98%, 1)
• radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

CASO

SOSPETTATO

INDIZIO

INVESTIGATORE

COLPEVOLE