一起来“通分”
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 95vh;
margin: 0;
background-color: #f0f8ff;
font-family: Arial, sans-serif;
}
h1 {
font-size: 2em;
color: #333;
margin-bottom: 30px;
}
.question-container {
display: flex;
justify ...
口算卡片
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Comic Sans MS', '楷体', '微软雅黑', sans-serif;
}
body {
background-color: #f0f8ff;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
padding: 20px;
background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
...
极简格子
body {
margin: 0;
min-height: 100vh;
display: flex;
flex-direction: column;
background-image: linear-gradient(#ddd 1px, transparent 1px),
linear-gradient(90deg, #ddd 1px, transparent 1px);
background-size: var(--grid-size) var(--grid-size);
overflow: hidden;
}
.container {
flex: 1;
position: relative;
...
百数表，猜一猜，拼一拼
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
overflow: hidden;
margin: 0;
font-family: 'Comic Sans MS', '楷体', '微软雅黑',"Microsoft YaHei", Arial, sans-serif;
background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
}
.container {
display: flex;
flex-direction: row;
...
简单时钟
body {
margin: 0;
min-height: 100vh;
background-color: #E4E4E1;
background-image: radial-gradient(at top center, rgba(255,255,255,0.03) 0%, rgba(0,0,0,0.03) 100%), linear-gradient(to top, rgba(255,255,255,0.1) 0%, rgba(143,152,157,0.60) 100%); background-blend-mode: normal, multiply;
font-family: Arial, sans-serif;
overflow: hidden;
}
@font-face {
font-famil ...
画圆圈，看看你画的圆圆不圆
if ( (! document.all) && (window.requestAnimationFrame) ) document.documentElement.setAttribute('data-ok', '1');
html {font-size: 9vh;}main {background: #101010 url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAASABIAAD/2wCEAAICAgICAgQCAgQGBAQEBggGBgYGCAoICAgICAoMCgoKCgoKDAwMDAwMDAwODg4ODg4QEBAQEBISEhISEhISEhIBAwMDBQQFCAQECBMNCw0TExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTE//CABEIAlgDIAMBIgACEQEDEQH/xAAZAAEBAQEBAQAAAAAAAAAAAAACAQADBAn/2gAIAQEAAAA ...
