效果：弧形菜单，文字按规则变形，透明简单的javascript，上手难度：easy欢迎来到我的博客阅读本文：https：//clatterrr.com/archive...源码：Demo地址：https://clatterrr.github.io/m...源码：https://github.com/clatterrr/...学习笔记：正文-decoration:主要功能是在文本的底部、顶部或中间添加一条线（删除线）。参考：https://www.w3school.com.cn/c...默认无。定义标准的文本。underline定义文本下方的一行。overline在文本上定义一条线。line-through定义一条穿过文本的线。inherit指定text-decoration属性的值应该从父元素继承。超出边界隐藏子元素：本例中有13个菜单项，但只显示了12个，因为第1和第13超出了父元素的边界，被隐藏了。溢出：隐藏；渐隐效果：2号、3号、11号、12号虽然没有隐藏，但看起来很朦胧。这样的效果首先是设置透明度，嗯，nth-child.item:nth-child(2),.item:nth-child(3),.item:nth-child(11),的用法。item:nth-child(12){opacity:0.2;}然后是顶部和底部附近的线性渐变，这样菜单项似乎融入了背景。顶部{顶部：0;背景：线性渐变（到底部，钢蓝0%，rgba（70、130、180、0）100%）；}.bottom{bottom:0;background:linear-gradient(tobottom,rgba(70,130,180,0)0%,steelblue100%);}按钮触摸渐变：当下面这行代码的效果，当鼠标放在按钮上时，按钮需要3秒从白色逐渐变为黑色，离开时立即从黑色变为白色。.btn{颜色：白色；}.btn:hover{颜色：黑色；transition:color3s;}如果我们想让黑色在鼠标离开时逐渐变为白色怎么办？同时添加一个过渡：.btn{color:white;过渡：颜色3s；}.btn：悬停{颜色：黑色；transition:color3s;}开个玩笑，这里的上下按钮是两个特殊符号，见html。Win10输入法自带很多特殊符号，足够做很多好玩的东西
