Hello World

问题：safari下contenteditable的div没法获得焦点

解决：参考

safari默认的user-select值为none

[contenteditable] {

-......

参考：

box-shadow

生成平滑分层的阴影

border-radius

还有对应的cli工具

贝塞尔曲线

动画编辑应......

利用CSS mask-image 属性给元素添加遮罩，遮罩黑色部分下的内容会显示，而留白的17像素宽的部分会被遮住，使用transition改变遮罩位置时出现淡入淡出的效果

.content {

......

媒体查询允许开发者测试和查询用户代理或设备设置的属性，依据不同的匹配条件改变外观展示或者行为。媒体查询最常见的应用在于响应式设计上。

使用在CSS中使用媒体查询

css中使用@media at-......

注册自定义属性

JavaScript的CSS.registerProperty()

可以定义属性的名称，语法，默认值，是否可继承

window.CSS.registerProperty({

n......

input[type=range]:focus {outline: none;}@media screen and (-webkit-min-device-pixel-ratio:0) { input......

原文：

比较多的用到了grid，注意IE不支持

1. 超级居中

place-items: center

<div class="parent blue">......