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

[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%;}

个人简介

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

主目录

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

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/412640.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

穿透内网，连接动态ip，内网ip打洞-----p2p实现原理（转）

穿透内网，连接动态ip，内网ip打洞-----p2p实现原理（转）

源： 穿透内网，连接动态ip，内网ip打洞-----p2p实现原理转载于:https://www.cnblogs.com/LittleTiger/p/10107849.html
阅读更多...
[css] 举例说明css中颜色的表示方法有几种

[css] 举例说明css中颜色的表示方法有几种

[css] 举例说明css中颜色的表示方法有几种 颜色单词: blue / lightblue / skyblue / transparent(透明)rgb(0-255, 0-255, 0-255) / rgba(0-255, 0-255, 0-255, 0-1)hsl色相: hsl(色调，饱和度，明度) hsla( 色调，饱和度，亮度&#…
阅读更多...
关于 springcloud gateway 设置 context-path 的问题

关于 springcloud gateway 设置 context-path 的问题

大家好，我是烤鸭： 今天说一下遇到的问题，关于 springcloud gateway 设置 context-path 的问题。 1. 使用场景 由于没有申请二级域名,网关使用的地址是 xxx.com/gateway/ 用nginx转发的时候 /gateway/ 也被用来寻址。 gateway 没办法设置 con…
阅读更多...
echarts地图的基本使用配置

echarts地图的基本使用配置

一、空气质量图 代码和配置如下&#xff1a; <template><div class"box"><div id"map"></div></div> </template><script>import china from echarts/map/js/china.js export default {data(){return {}},mount…
阅读更多...
[css] 说说position的absolute和fixed共同与不同点分别是什么？

[css] 说说position的absolute和fixed共同与不同点分别是什么？

[css] 说说position的absolute和fixed共同与不同点分别是什么&#xff1f; 相同点&#xff1a; 1、都是用来给元素定位的属性&#xff0c;具有定位元素的一切特点&#xff08;例如脱离文本流、不占据空间等等&#xff09;&#xff1b; 2、改变元素的呈现方式为display&#xf…
阅读更多...
从源码角度分析下 micrometer 自定义 metrics endpoint 和 springboot actuator

从源码角度分析下 micrometer 自定义 metrics endpoint 和 springboot actuator

大家好&#xff0c;我是烤鸭&#xff1a; 今天分享下 micrometer 的源码&#xff0c;和springboot集成 自定义endpoint 的使用。 1. 文档信息 官方文档&#xff1a; http://micrometer.io/docs github&#xff1a; https://github.com/micrometer-metrics/micrometer s…
阅读更多...
云打码

云打码

1、云打码平台注册开发者模式用户登录 2、建立项目&#xff0c;下载项目案列代码接口 代码如下&#xff1a; 1 import http.client, mimetypes, urllib, json, time, requests2 3 ######################################################################4 5 class YDMHttp:6 …
阅读更多...
[css] 手动写动画最小时间间隔是多少，为什么？

[css] 手动写动画最小时间间隔是多少，为什么？

[css] 手动写动画最小时间间隔是多少&#xff0c;为什么&#xff1f; 一般浏览器的刷新频率为每秒60次&#xff0c;所以最小事件间隔为 1/60*1000 约 16.7ms个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷。欢迎大家一起…
阅读更多...
Perhaps you are running on a JRE rather than a JDK? 关于 idea maven 缓存的问题 清理 idea maven 缓存

Perhaps you are running on a JRE rather than a JDK? 关于 idea maven 缓存的问题 清理 idea maven 缓存

大家好&#xff0c;我是烤鸭&#xff1a; 1. 先检查是否环境变量的问题 参考这篇 https://blog.csdn.net/mingjie1212/article/details/106963143 2. 如果确定环境变量没问题 执行maven install的时候报错&#xff0c;Perhaps you are running on a JRE rather than a JDK …
阅读更多...
[css] 怎样把一个div居中？怎样把一个浮动元素居中？怎样把绝对定位的div居中？

[css] 怎样把一个div居中？怎样把一个浮动元素居中？怎样把绝对定位的div居中？

[css] 怎样把一个div居中&#xff1f;怎样把一个浮动元素居中&#xff1f;怎样把绝对定位的div居中&#xff1f; 主要用到:text-alin: center;margin: 0 auto;position: relative | absolute; left: 50%;vertical-align: middle;transform: translate(-50%);个人简介 我是歌谣…
阅读更多...
swift - 使用系统app导航

swift - 使用系统app导航

import UIKit//1.导入框架 import MapKitclass ViewController: UIViewController {lazy var geoCoder : CLGeocoder {return CLGeocoder()}()override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {geoCoder.geocodeAddressString("广州&…
阅读更多...
springcloud gateway 使用nacos 作为配置中心 和 注册中心

springcloud gateway 使用nacos 作为配置中心 和 注册中心

大家好&#xff0c;我是烤鸭&#xff1a; 今天分享下 springcloud gateway 使用nacos作为配置中心和注册中心&#xff0c;主要是还是配置中心。 源码下载&#xff1a; https://gitee.com/fireduck_admin/springcloud-gateway-nacos-demo 1. 本地部署nacos 下载 https://g…
阅读更多...
[css] 用css画一个太阳

[css] 用css画一个太阳

[css] 用css画一个太阳 // css.sun {margin: 200px;width: 200px;height: 200px;border-radius: 50%;background: red;box-shadow: 0 0 21px #fe9e9e;position: relative;}// ::before & ::after 辅助.sun::before {width: 0;height: 500px;content: ;border-left: 1px s…
阅读更多...
java后台工具类-通过交易码获得方法名

java后台工具类-通过交易码获得方法名

import org.apache.log4j.Logger;import net.sf.json.JSONObject;public class GetResultByTransCode {private final static Logger log4j Logger.getLogger(GetResultByTransCode.class);/*** 功能描述&#xff1a;通过交易码查询服务名及方法名* param transCode* return J…
阅读更多...
springboot 拦截器的坑 WebMvcConfigurationSupport 失效

springboot 拦截器的坑 WebMvcConfigurationSupport 失效

大家好&#xff0c;我是烤鸭&#xff1a; 今天遇到一个拦截器失效的问题&#xff0c;具体看源码分析下。 环境: springboot 2.x spring 5.x 1. 先说下业务场景 需求是对请求进入时和离开时对和线程id绑定&#xff0c;用的Threadlocal&#xff0c;现在有一个问题&#xff0…
阅读更多...
[css] 你有用过哪些css框架？说说它们的特点

[css] 你有用过哪些css框架？说说它们的特点

[css] 你有用过哪些css框架&#xff1f;说说它们的特点 bootstrap 不够全&#xff0c;所以后来基本都是借鉴思路取长补短自己写的 css 类库或原子类库。 animate.css 用起来很爽&#xff0c;主要用于滚动和小动效。过渡动画当然还是 clip.js 来弄的。 Tent CSS&#xff0c;WeU…
阅读更多...
14 内置函数2

14 内置函数2

今日主要内容 1. 昨日补充 repr() 显示出字符串的官方表示形式 chr() ord() 2. 递归 自己调用自己 递归的入口(参数) 和 出口(return) 树形结构的遍历 3. 二分法 掐头结尾取中间 查找效率非常的高1.递…
阅读更多...
skywalking 源码解析——多线程变量传递 EnhancedInstance

skywalking 源码解析——多线程变量传递 EnhancedInstance

大家好&#xff0c;我是烤鸭&#xff1a; 今天分享下 skywalking源码&#xff0c;正好自己用到相关的内容了。 1. 拦截点 三个主要的拦截器、构造方法、静态方法和示例方法&#xff0c;每个切面里都可以重写这些方法&#xff0c;并且指定进入的拦截器。 2. trace 相关内容 …
阅读更多...
[css] box-sizing常用的属性有哪些？分别有什么作用？

[css] box-sizing常用的属性有哪些？分别有什么作用？

[css] box-sizing常用的属性有哪些&#xff1f;分别有什么作用&#xff1f; box-sizing常用的属性有 content-box 和 border-box。content-box 盒子的宽度不包含 border和padding&#xff0c;border-box盒子的宽度包含border 和padding。个人简介 我是歌谣&#xff0c;欢迎和大…
阅读更多...
2018-2019-1 20165303 实验五 通讯协议设计

2018-2019-1 20165303 实验五 通讯协议设计

任务一 Linux下OpenSSL的安装与使用 前往OpenSSL官网&#xff0c;选择打开OpenSSL源码下载地址&#xff0c;按照下图所示方法下载压缩包“openssl-master.zip Linux下使用unzip openssl-master.zip命令解压 安装的具体命令如下&#xff1a;$ ./config$ make$ make test$ make i…
阅读更多...
最新文章

Copyright @ 2022~2023