Post

Visualizzazione dei post con l'etichetta Corso di CSS & Web Design: 8 – Effetti dinamici e animazioni

CHI HA PAURA DELL’INTELLIGENZA ARTIFICIALE?

Immagine
  CHI HA PAURA DELL’INTELLIGENZA ARTIFICIALE? DAL SOFTWARE GENERATIVO AGLI AGENTI, DALLA MEDICINA ALLA ROBOTICA: CHE COSA L’AI SA GIÀ FARE, DOVE STA ANDANDO E QUALI RISCHI DOBBIAMO PRENDERE SUL SERIO Ogni tecnologia realmente trasformativa produce due errori speculari. Il primo consiste nel sottovalutarla, considerandola una moda destinata a rientrare. Il secondo consiste nel sopravvalutarla, attribuendole capacità che ancora non possiede e trasformando una tecnologia in una mitologia. Nel 2026 l’intelligenza artificiale si trova esattamente fra questi due estremi. Non è più ragionevole descriverla come un semplice chatbot evoluto; è altrettanto poco ragionevole presentarla come una mente universale prossima a sostituire l’essere umano in ogni attività. La questione interessante, per chi lavora nell’informatica, nella ricerca, nell’impresa o nelle professioni ad alta intensità di conoscenza, non è dunque stabilire se essere ottimisti o pessimisti. È capire che cosa stia realmente c...

Corso di CSS & Web Design: 8 – Effetti dinamici e animazioni

Immagine
  8 – Effetti dinamici e animazioni 1. Pseudo-classi CSS Le pseudo-classi permettono di applicare stili a elementi in stati particolari o in base alla loro posizione nel DOM. 1.1 :hover Applica stili quando il mouse passa sopra l’elemento. button:hover { background-color: #4fa3f2; color: white; } 1.2 :focus Applicato quando un elemento riceve il focus , ad esempio un input. input:focus { border-color: #4fa3f2; outline: none; } 1.3 :nth-child() Seleziona elementi in base alla loro posizione. li:nth-child(odd) { background-color: #f2f2f2; /* elementi dispari */ } li:nth-child(3) { color: red; /* terzo elemento */ } 2. Transizioni e trasformazioni 2.1 Transform Permette di modificare la posizione, dimensione o inclinazione di un elemento. .box:hover { transform: scale(1.1); /* ingrandisce */ transform: rotate(10deg); /* ruota */ transform: translateX(20px); /* sposta orizzontalmente */ } 2.2 Transition Definisce l’ anim...

Post popolari in questo blog

Corso di Programmazione Strutturata e OOP: 3 Ereditarietà incapsulamento polimorfismo

Corso di CSS & Web Design: 3 – Box Model e spaziature

Corso di HTML: 11 Sviluppo completo di un sito