CSS 画一个心
效果图： 实现原理： 可以把这个心分为两部分，两个长方形，分别设置 border-radius，transform: rotate() 。 设置属性之后 再次添加一个，设置相反的 rotate 设置其中一个的 left 值 就成了 为了看起来有立体感 ...
相关推荐
CSS画一个三角形，CSS绘制空心三角形，CSS实现箭头
壹 ❀ 引 这两天因为项目工作较少，闲下来去看了GitHub上关于面试题日更收录的文章，毕竟明年有新的打算。在CSS收录中有一题是 用css创建一个三角形，并简述原理 。当然对于我来说画一个三角形是没难度的，简述原理？我突然一愣，虽然我知道通过边框可以做到，那为什么这么设置边框可以实现呢，抱着 ...
CSS 画一个简单的圆
.wrap{width: 486px;height: 486px;border-radius: 100%;position: relative;margin: 0 auto;overflow: hid ...
用css画一个提示框
效果如下所示： ...
CSS3画一个滚动的骰子
今天利用CSS3来画一个自动滚动的骰子。 思路：骰子的六个面分别用六个ul标签，每个面的点数就是li标签，点数的排列采用伸缩布局，然后采用定位和transform属性将六个面翻转折叠成立方体。 1、HTML结构：用一个类名为box的大盒子将六个面（ul）包起来，方便给整个骰子定位和添加动画 ...
用css画一个倒三角
...
css 写一个向右的箭头
经常写移动端页面时会用到向右的箭头，之前都是用图片，突然想到用css应该也能写，于是一搜还确实有 原理也挺简单，就是写个上边框和右边框，然后旋转45度就是向右的箭头了。不过移动端用应该没问题，pc上就要考虑transform的兼容性了。 ...
css写一个向下箭头
...