![CSS 点击按钮以后修改DIV的高度，代码怎么写？[有代码]](/aiimages/CSS+%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E4%BB%A5%E5%90%8E%E4%BF%AE%E6%94%B9DIV%E7%9A%84%E9%AB%98%E5%BA%A6%EF%BC%8C%E4%BB%A3%E7%A0%81%E6%80%8E%E4%B9%88%E5%86%99%EF%BC%9F%5B%E6%9C%89%E4%BB%A3%E7%A0%81%5D.png)
新建一个500x500像素的画布。
用椭圆工具画一个圆，并设置图层样式，命名为:下。
复制一层，并按住alt+shift进行等比中心缩小，命名为上。
在复制一层上，删除图层样式，并重新添加颜色叠加，然后滤镜-模糊-动感模糊设置为竖向90度，数值可以自己把握根据你的圆大小来定，取名上阴影。
接着同样方法制作下层的阴影。
在上方画用钢笔工具，或者两圆相切画一个高光，并进行如下设置。
注意，渐变一方要选择透明，并且跟图钉颜色相近。然后调节距离位置。
再复制一层高光，进行高斯模糊。
接下来用同样的方式制作反光，适当调节阴影及高光反光的大小，宽窄和长度，得到一个合适的最终效果图。
将图钉按在一个板上（不要全按进去，留一点钉子在板外面），将线绳的两端打结，成为一个圈，然后将绳子套在钉子上，另一边套在铅笔上，一手按住图钉，一手抓住铅笔画圆。注意：画时让绳子绷紧，否则会不圆
