tongChong
/
css-doodle
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

reverted since the old one is more educational

This commit is contained in:
yuanchuan 2017-05-31 12:27:57 +08:00
parent 056a27625b
commit 6b5efe8c51
1 changed files with 14 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
docs/main.js
View File

@ -42,24 +42,23 @@
});
var doodleStyle = indent(`
:doodle {
clip-path: @shape(circle);
background-color: #f6ffed;
}
:doodle {
clip-path: @shape(circle);
background-color: #f6ffed;
}
clip-path: @shape(bicorn);
transition: .2s ease @rand(.6s);
transform:
rotate(@rand(360deg))
scale(@rand(.5, 2.4))
translate(
@rand(-50%, 50%),
@rand(-50%, 50%)
);
will-change: transform;
transform: scale(@rand(.25, 1.25));
background: hsla(
calc(5 * @index()), 70%, 60%,@rand(.8)
);
border-radius: @pick(
100% 0, 0 100%
);
background: hsla(
calc(5 * @index()), 70%, 60%,@rand(.8)
);
`);
var doodle = document.createElement('css-doodle');