[css] 用CSS绘制一个红色的爱心

// 用过 就给贴过来了.heart {position: relative;width: 100px;height: 90px;}.heart:before,.heart:after {position: absolute;content: "";left: 50px;top: 0;width: 50px;height: 80px;background: red;border-radius: 50px 50px 0 0;transform: rotate(-45deg);transform-origin: 0 100%;}.heart:after {left: 0;transform: rotate(45deg);transform-origin: 100% 100%;}

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[css] 用CSS绘制一个红色的爱心相关推荐

python使用turtle库绘制一个红色五角星_使用turtle库绘制红色五角星图形
五角星绘制 ‪‬‪‬‪‬‪‬‪‬‮‬‪‬‮‬‪‬‪‬‪‬‪‬‪‬‮‬‪‬‪‬‪‬‪‬‪‬‪‬‪‬‮‬‫‬‭‬‪‬‪‬‪‬‪‬‪‬‮‬‭‬‪‬‪‬‪‬‪‬‪‬‪‬‮‬‪‬‪‬‪‬‪‬‪‬‪‬‪‬‮‬‫‬ ...
利用Python绘制一个红色的五角星
本篇文章记录Python学习过程中遇到的一些有趣的代码. 五角星的绘制利用Python代码绘制一个红色的五角星代码实现: from turtle import * fillcolor(" ...
css3绘制环形_利用CSS简单地绘制一个操场
前言伴随着 CSS3(CSS Module 3)的发布,我们设计网页时有了更多的选择.对于一些比较简单的小图标和图片,我们可以利用 CSS3 很方便的进行绘制,从而减少页面的图片数量和HTTP请求次 ...
python经典程序练习题7：绘制一个红色的五角星图案
我的答案: import turtle as t t.pencolor('red') for i in range(5):t.forward(100)t.right(144) 嵩天老师的优秀答案: f ...
css鼠标移上显示红色禁止符号
小小样式让我找了好久,搜索不对也不行啊,鼠标 hover 时指针的样式一般为箭头,但是可以设置小手或者其他,此文意在用 css 样式设置指针禁止符号 // 以下两个css表达式皆为一个红色的圈加一个斜 ...
[css] 用CSS绘制一个三角形
[css] 用CSS绘制一个三角形 .triangle{width: 0;border-bottom: 35px solid lightgreen;border-left: 35px solid tr ...
[css] 如何使用CSS绘制一个汉堡式菜单
[css] 如何使用CSS绘制一个汉堡式菜单比较常见的两种方法:利用元素自身.::before和::after伪元素绘制3个长宽一致的矩形,然后设定其y偏移值. 利用上下border和自身元素内容绘 ...
使用CSS绘制一个平行四边形
使用CSS绘制一个平行四边形,这里使用的主要属性是 transform: skew(15deg),相当于对元素进行旋转,不过IE9 一下是不支持的,如果需要向下兼容,建议使用四边形图片代替.使用CSS ...
如何用css绘制一个三角形？
一.前言通常我们在开发过程中,像一些播放器的暂停按钮.或者是一些下拉框等等,都会用到三角形. 一般我们会使用一些svg或者是icon图标来替代,那么有没有想过该怎么去绘制一个三角形呢? 废话不多说 ...

[css] 用CSS绘制一个红色的爱心

[css] 用CSS绘制一个红色的爱心

个人简介

主目录

[css] 用CSS绘制一个红色的爱心相关推荐

最新文章

热门文章