Circle morphism

animations, cards
css, oxygen-builder
08.03.2022

+ Descriptif:

Ce design purement fait en CSS combine plusieurs propriétés et techniques comme les variables et des calculs. Elle m'a été très formatrice.

Les animations CSS sont les morceaux de code qui font bouger les éléments d'une page Web. Elles sont généralement utilisées sur les images d'en-tête, les boutons d'appel à l'action et même les liens de menu. Css (Cascading Style Sheets) est un langage utilisé pour ajouter du style à votre page Web. Il peut être utilisé pour changer la couleur de votre texte, ou pour modifier la largeur des éléments de votre page Web. Css est un excellent moyen de donner du style à votre page Web, mais ce n'est pas le seul. Vous pouvez également utiliser le javascript pour obtenir les mêmes résultats.

C'est depuis le début des années 90, lorsque l'internet est devenu accessible à un petit nombre, que tous les sites web ont été réalisés en utilisant le simple HTML. En quelques années, la technologie a progressé, donnant naissance aux premiers designs web dans lesquels on utilisait des images, des animations et des formes. L'utilisation de CSS, ou feuilles de style en cascade, était un moyen facile d'insérer et de modifier la mise en page de ces étranges pages web.

Aux premiers jours de l'internet, la conception des sites web était assez simple, il n'y avait pas beaucoup d'interactivité et la plupart des sites web ne comportaient que quelques éléments. Au fil du temps, l'internet a évolué pour devenir un lieu dynamique et interagir avec ses utilisateurs de diverses manières. Cela a ouvert un nouveau monde de possibilités pour les concepteurs de sites web, et leur a permis d'avoir un contrôle plus créatif sur leurs conceptions. De nombreux nouveaux termes sont nés de cette collaboration entre la conception et l'interactivité.

+ Point(s) clé(s):

Comme d'habitude l'utilisation des pseudo-éléments seras très utile.

POUR REVOIR L'ANIMATION, IL SUFFIT DE REMONTER ET REDESCENDRE LA PAGE.

Animation

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Je peux mettre en place ces animations sur votre site, contactez-moi et parlons-en !