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

remove samples

This commit is contained in:
yuanchuan 2017-02-27 13:47:25 +08:00
parent 899eb7d246
commit 52c3b9ab1b
2 changed files with 0 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
samples/circles.html
View File

@ -1,34 +0,0 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
<style>
html, body { height: 100%; margin: 0; padding: 0;}
body { overflow: hidden; }
body { display: flex; align-items: center; justify-content: center }
</style>
<script src="../css-doodle.js"></script>
</head>
<body>
<div>
<css-doodle grid="6">
:doodle {
width: 50vh;
height: 50vh;
border-radius: 50%;
overflow: hidden;
background: #fafff1;
}
--size: @rand(200%);
width: var(--size);
height: var(--size);
border-radius: 50%;
background: hsla(
@rand(360), 80%, 50%, @rand(.8)
);
</css-doodle>
</div>
</body>
</html>

27
samples/race.html
View File

@ -1,27 +0,0 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
<style>
html, body { height: 100%; margin: 0; padding: 0;}
body { overflow: hidden; }
body { display: flex; align-items: center; justify-content: center }
css-doodle { width: 80vh; height: 50vh; overflow: hidden; }
</style>
<script src="../css-doodle.js"></script>
</head>
<body>
<css-doodle grid="1, 16">
width: @rand(10%, 80%);
height: 50%;
left: @rand(32%);
border-radius: 5px 0 0 5px;
background-image: linear-gradient(
to right,
hsla(@rand(100), 80%, 40%, @rand(.4, .9)) 20%,
transparent 80%
);
</css-doodle>
</body>
</html>