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寫一個向下箭頭
...