摘要:
在css中有3d变换的方法,一般用它做一些矩形的效果,如果是圆形则比较困难了。这里用一种障眼法的方式实现了3d的效果。 点击这里查看无纯净广告版 实现方法 <div class="css-inspiration-earth-planet-body"> <div class="css-inspirat 阅读全文
摘要:
偏技术的文章有时会用到各种图形,一般来说可以做好图然后截图放到文章中就好了,虽然但图片本身也很小,但存一大堆图片占用空间总觉得不是很好。 mermaid mermaid官方网站 mermaid支持很多种图形的渲染,用它是个不错个选择。它可以渲染出多种复杂的图形。例如下面这个。 而绘制它也仅仅需要几行 阅读全文
![【hexo指南】hexo配置ER图流程图时序图插件](https://img2020.cnblogs.com/blog/1411505/202201/1411505-20220114130413236-1872327172.png)
摘要:
点这里查看原始纯净版内容 使用 clip-path 和 border-image 实现圆角渐变边框。 border-image 用来指定作为元素周围边框的图像: clip-path CSS 属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示,区域外的隐藏。剪切区域是被引用内嵌的U 阅读全文
![【css灵感】渐变圆角边框](https://img2020.cnblogs.com/blog/1411505/202112/1411505-20211221111050426-1354931929.png)
摘要:
直接上效果 看不到效果点这里 方法一:借助mask-image属性 从CSS代码可以看出,效果的实现除了“content内容生成技术”以外,主要是使用了mask-image属性,内容则是“webkit核心浏览器下的渐变”了。 <h2 class="text-gradient" data-text=" 阅读全文
![【css灵感】渐变字](https://img2020.cnblogs.com/blog/1411505/202112/1411505-20211220150801501-902056852.png)
摘要:
Fira Code字体是一种适用于编程的等宽字体。使用它可以减少我们在编程时处理逻辑标记的脑力消耗。 阅读全文
![【vscode高级玩家】设置酷炫字体Fira Code](https://img2020.cnblogs.com/blog/1411505/202112/1411505-20211220144128449-2023805114.png)
摘要:
mapbox根据地形高度渲颜色 这里分为两种方式来实现,分别对应适用于设计师的mapbox studio配置方式,和适用于开发者的代码更改方式,惯例先看最终效果 查看交互式的最终效果 适用于设计人员的 阅读全文
![【mapbox自定义样式】根据高度着色](https://img2020.cnblogs.com/blog/1411505/202112/1411505-20211219224050410-1221782583.png)
摘要:
mapbox获取各种经纬度 阅读全文
![mapbox获取各种经纬度](https://img2020.cnblogs.com/blog/1411505/202112/1411505-20211219185144491-1525550586.png)
摘要:
之前无意中听到有人说,vsCode最大的缺点就是每次换个电脑或者临时去个新环境,就要配置一下各种插件,好不麻烦,以至于面试都不敢说自己用vsCode 说着无心,听着有意,因为我也发现了这个问题,索性认真找了一下网上的教程,发现网上的教程教程有些落后,过程复杂而且不容易成功,干脆自己去看最新文档,发现现在同步设置的方法竟然是... 阅读全文
![【vscode高级玩家】❤️图文并茂讲你没了解过的vscode设置同步(全新方式)❤️](https://img2020.cnblogs.com/blog/1411505/202110/1411505-20211010202639845-488956920.png)
摘要:
Visual Studio Code,简称 VSCode。它一款免费开源的现代化轻量级代码编辑器,使用方便快捷,功能强大,支持各种的文件格式,跨平台支持 Win、Mac以及 Linux。接下来就介绍一下 VSCode 的安装方法。 阅读全文
![【vscode高级玩家】Visual Studio Code❤️安装教程(最新版🎉教程小白也能看懂!)](https://img2020.cnblogs.com/blog/1411505/202110/1411505-20211010201532472-1226043600.png)
摘要:
您可以在墨抒颖的网站体验本文章的纯净版 准备 拥有一个可以接受信息的邮箱即可 开始 点击github官网github step1.进入注册页面 点击Sign Up进入注册流程 step2.输入邮箱 这个时候会浮现出一些文字,等到出现这个界面的时候就输入您的邮箱地址。 🚩记住每次输入完内容后,点击一 阅读全文
![❤️github注册教程最新版(✨图文并茂最新版保姆级教程:建议收藏💘)](https://img2020.cnblogs.com/blog/1411505/202110/1411505-20211004204936940-1369481832.png)