Bruno's public fiddles
-
sv5cnea4
No-Library (pure JS), HTML, CSS, JavaScript
-
uxz4w75c
No-Library (pure JS), HTML, CSS, JavaScript
-
b5xzdayr
No-Library (pure JS), HTML, CSS, JavaScript
-
frz32x0o
No-Library (pure JS), HTML, CSS, JavaScript
-
qg1ahrt7
No-Library (pure JS), HTML, CSS, JavaScript
-
k2g8b47a
No-Library (pure JS), HTML, CSS, JavaScript
-
fpz9vrge
No-Library (pure JS), HTML, CSS, JavaScript
-
vue-router 2 template
Template for vue-router 2
-
1per5c3L
No-Library (pure JS), HTML, CSS, JavaScript
-
zubj3Lq9
No-Library (pure JS), HTML, CSS, JavaScript
-
ox625m13
No-Library (pure JS), HTML, CSS, JavaScript
-
Material Button
jQuery 2.1.0, HTML, CSS, JavaScript
-
Expandable circular menu (pure CSS)
This demonstrates the technique of using transform (nested transform). Together with using transition to create a simple but nice effect. The nested transform here is the key to create this demo. The first transform is applied on all menu-item to initially rotate all the tracks at even angle distance of 30deg. This is the outer transform (which applies on all the inner transforms automatically). The inner transform will simply translate all the circle items along the corresponding rotated track.
-
2ft8706e
No-Library (pure JS), HTML, CSS, JavaScript
-
r0jkwy51
No-Library (pure JS), HTML, CSS, JavaScript
-
Lxh3mo61
No-Library (pure JS), HTML, CSS, JavaScript
-
jowke0tg
No-Library (pure JS), HTML, CSS, JavaScript
-
bmzj38yd
No-Library (pure JS), HTML, CSS, JavaScript
-
uqphtx18
No-Library (pure JS), HTML, CSS, JavaScript
-
21ca3s9e
No-Library (pure JS), HTML, SCSS, JavaScript