Aller au contenu

Un dé translucide

Noter ce sujet


Messages recommandés

Membre 68ans Posté(e)
Frank_N Membre 2 011 messages
Forumeur alchimiste‚ 68ans
Posté(e)

Il y a quelques jours, je m'étais amusé à dessiner une maison en CSS. Aujourd'hui, c'est un dé à jouer sur lequel j'ai jeté mon dévolu. C'est une petite animation pas très compliquée qui peut donner des idées pour agrémenter vos pages web.

http://fnauche.free.fr/info/makeDE/makeDE.html

cbaanime.gif

dé.gif

  • Like 1
Lien à poster
Partager sur d’autres sites
Annonces
Maintenant
Invités Posté(e)
Invité riad** Invités 0 message
Posté(e)

C'est joli mais je pense pas que le css est fait pour ça, ça sera plus facile à faire en svg,

Lien à poster
Partager sur d’autres sites
Membre 68ans Posté(e)
Frank_N Membre 2 011 messages
Forumeur alchimiste‚ 68ans
Posté(e)
Il y a 9 heures, riad** a dit :

C'est joli mais je pense pas que le css est fait pour ça, ça sera plus facile à faire en svg,

La balise <SVG> est sans doute une des plus complexes qui soit. A elle seule, elle demande un apprentissage non négligeable. Quand j'ai commencé mon site, CSS 3 n'existait pas. J'avais fait une compil des quelques balises indispensables en HTML pour des amis qui voulaient faire un site et qui n'y connaissaient rien. Je découvrais aussi et petit à petit ça a pris de l'ampleur. Je fais à mon rythme tout en essayant de rester simple.

Lien à poster
Partager sur d’autres sites
Membre 68ans Posté(e)
Frank_N Membre 2 011 messages
Forumeur alchimiste‚ 68ans
Posté(e)
Il y a 8 heures, Talon 1 a dit :

Et le crayon, c'est commode aussi.

N'est pas Rembrandt qui veut et je suis plus à l'aise avec un clavier.

Lien à poster
Partager sur d’autres sites
Invités Posté(e)
Invité riad** Invités 0 message
Posté(e)
Le 03/10/2020 à 10:35, Frank_N a dit :

La balise <SVG> est sans doute une des plus complexes qui soit. A elle seule, elle demande un apprentissage non négligeable. Quand j'ai commencé mon site, CSS 3 n'existait pas. J'avais fait une compil des quelques balises indispensables en HTML pour des amis qui voulaient faire un site et qui n'y connaissaient rien. Je découvrais aussi et petit à petit ça a pris de l'ampleur. Je fais à mon rythme tout en essayant de rester simple.

Oui, mais c'est pas nécessaire d'apprendre le svg, tu peux créer le graphisme dans un éditeur wysiwyg, le meilleur c'est inkscape, je l'utilise dans mon travail à la place de Illustrator, quant à l'animation il existe des bibliothèques comme snap.svg qui te faciliteront la tâche, tu peux jeter un coup d'œil sur leur site  :

http://snapsvg.io/start/

Lien à poster
Partager sur d’autres sites
Membre 68ans Posté(e)
Frank_N Membre 2 011 messages
Forumeur alchimiste‚ 68ans
Posté(e)

@riad**Merci pour le lien, j'irai y voir de plus près quand j'aurai un peu de temps. J'aime bien ce genre de truc car ça permet de passer du temps tout en s'amusant (facile à dire, je suis à la retraite). Professionnellement, le premier contact que j'ai eu avec Internet ça a été pour traduire des texte. Ça remonte à 25 ans quand il fallait écrire &eacute; si on voulait un é.  J'avais fini par écrire un petit module qui automatisait le truc, c'était trop fastidieux. J'ai fini par écrire mon propre éditeur basé sur HTML 4 et CSS 1 et 2. Ça m'a permis d'apprendre un peu. A l'époque, on n'avait que la balise marquee de Microsoft pour faire bouger un élément si on ne voulait pas passer par JavaScript, alors maintenant je m'amuse bien. Même avant ça, on avait Videotex sur les Minitel 2, ça parait être de la préhistoire.

Lien à poster
Partager sur d’autres sites
Annonces
Maintenant

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.

Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

Chargement
×