首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

用 CSS 画胡子

闲话少说,直接画。

先创建一个 index.html 文件,引用 style.css 样式单,定义一个 div 给他类为 mustache。

CSS 想必大家都熟,不多说,可能代码中的 currentColor 对于大家有点陌生,这里的 currentColor = color 的颜色值 black。currentColor 会随之变化。

对于 CSS 中的 shadow ,大家有时间可以下功夫好好研究一下。功能强大,这里模糊和扩散给 0,看效果。

再画一个圆。

隐藏 div ,只留下他的 shadow,在拿出来 border 这里利器,这都是 css 秘密武器。还有就是 before 和 after 这两个伪元素。

选择,并且重新定位旋转的中心点。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180315G1KHEN00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券