人生与戏

摘要： 效果地址：https://scrimba.com/c/cbNkBnuV HTML code： CSS code： 阅读全文

摘要： 效果地址：https://scrimba.com/c/cJ8NPpU2 HTML code： CSS code： 阅读全文

摘要： 原文地址：https://segmentfault.com/a/1190000015327725 感想：原来边框还能这样玩--》做会眨眼的眼睛 HTML code： CSS code： 阅读全文

摘要： 一般默认 1em=12px , em相对于其父元素的px定义； 但是 如果本身元素设置 font-size: 15px; em与px的比例随之变化。 一般根据浏览器默认的font-size：12px； 但是当子元素font-size设置的值小于12px时，1em=12px; 当子元素font-siz 阅读全文

摘要： 原文地址：https://segmentfault.com/a/1190000015316996 感想：动画加延时，white-space: pre; 保留HTML p 中刻意留下的空白。 HTML code： CSS code： 阅读全文

摘要： 效果地址：https://scrimba.com/c/cQpDKkSN HTML code： CSS code： 阅读全文

摘要： 原文地址：https://segmentfault.com/a/1190000015313341 感想：主要运用边框、伪元素、动画。 HTML code： CSS code： 阅读全文

摘要： 原文地址：https://segmentfault.com/a/1190000015310484 感想：棋盘是 CSS 画的，棋子是 unicode 字符。 HTML code： CSS code： 阅读全文

摘要： 原文地址：https://segmentfault.com/a/1190000015305861 感想：关于两侧动画不在同一水平线上的原因是因为设置其多余高，旋转180度呈现的。 HTML code： CSS code： 阅读全文

摘要： 原文地址：https://segmentfault.com/a/1190000015295466 感想：重点在小球绕环转动。 HTML code： CSS code： 阅读全文