2024-11-19 13:49:39 +01:00
|
|
|
|
|
|
|
|
|
|
:PROPERTIES:
|
|
|
|
|
|
:ID: b598a1de-f9a2-4e1e-b15d-1474d25691ca
|
|
|
|
|
|
:END:
|
|
|
|
|
|
|
|
|
|
|
|
#+title: css-split-circles
|
|
|
|
|
|
#+post_ID: 248
|
|
|
|
|
|
#+post_slug: css-split-circles
|
|
|
|
|
|
#+post_url: https://www.ciperbliss.com/2014/css-split-circles
|
|
|
|
|
|
#+post_title: CSS split circles
|
2024-11-19 23:50:42 +01:00
|
|
|
|
#+post_tags:
|
2024-11-19 13:49:39 +01:00
|
|
|
|
#+post_type: post
|
|
|
|
|
|
#+post_mime_types:
|
|
|
|
|
|
#+post_guid: undefined
|
|
|
|
|
|
#+post_status: publish
|
|
|
|
|
|
#+post_date_published: <2014-03-13T13:09:15>
|
|
|
|
|
|
#+post_date_modified: <2014-03-13T13:12:06>
|
|
|
|
|
|
#+post_index_page_roam_id: fa7f2a8c-2b94-4e42-bb4c-25c026ed7ff9
|
|
|
|
|
|
#+retrieved_from_db_at: <2024-11-18 16:25:08>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
* CSS split circles
|
|
|
|
|
|
:PROPERTIES:
|
|
|
|
|
|
:CUSTOM_ID: css-split-circles
|
|
|
|
|
|
:END:
|
|
|
|
|
|
|
2024-11-19 23:50:42 +01:00
|
|
|
|
[[http://artlemoine.com/circles][/public/i/2014/03mars/.Capture_du_2014-03-13_13_49_58_m.jpg]]Pour
|
2024-11-19 13:49:39 +01:00
|
|
|
|
un exercice donné par Nadir Kademe je me suis lancé dans une démo de
|
|
|
|
|
|
Javascript / CSS où l'on découpe des cercles de couleur en passant le
|
|
|
|
|
|
curseur dessus.Au bout d'une heure la démo n'était
|
|
|
|
|
|
pas super opérationnelle, mais une heure de plus et voici la démo
|
|
|
|
|
|
visible sur mon portfolio et disponible sur github, ainsi chacun peut se
|
|
|
|
|
|
l'approprier et la bidouiller à
|
|
|
|
|
|
loisir.possibilités:choix de
|
|
|
|
|
|
mélanger les couleurs ou non avec le cercle
|
|
|
|
|
|
parent.choix de couleurs plutôt claires, grises ou
|
|
|
|
|
|
foncées comme batman les aime.choix de profondeur de
|
|
|
|
|
|
découpe.cercles ou carrés.
|
|
|
|
|
|
|
|
|
|
|
|
|
2024-11-19 23:50:42 +01:00
|
|
|
|
|
2024-11-19 13:49:39 +01:00
|
|
|
|
Jouez zy donc sur
|
|
|
|
|
|
artlemoine.com :[[http://artlemoine.com/circles]]
|
|
|
|
|
|
|
|
|
|
|
|
|
