10 2017 档案

摘要：效果图：实现原理：设置高度为宽度的2倍的一个框，利用 border 补全另一半的宽度，设置圆角用两个 div 设置不同的颜色，定位到圆的上下指定位置。最后只剩下里面的小圆圈了。设个宽高，圆角即可。 CSS HTML 阅读全文

posted @ 2017-10-30 14:56 _whys 阅读(543) 评论(0) 推荐(0) 编辑

摘要：效果图：实现原理：可以把这个心分为两部分，两个长方形，分别设置 border-radius，transform: rotate() 。设置属性之后再次添加一个，设置相反的 rotate 设置其中一个的 left 值就成了为了看起来有立体感，可以设置左边的 box-shadow 。 CSS 阅读全文