<i></i>i{ display: inline-block; width: 14px; height: 14px; color: #fff; background-color: #00C5F5; line-height: 14px; text-align: center; border-radius: 50%;}i::after{ content: "i";}
原创
2022-12-21 10:15:21
390阅读
给大家简述一个常见的transform应用，就是当我们用鼠标滑向图标按钮时，图标会自动旋转一周，这个效果完全不依赖JS，由css3的transform就可以完成。Transform简介在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。1、旋转rotate() ：通过指定的角度参数对原元素指定一个2D ro
一、介绍
采用这种字体，我们可以避免网站制作中采用好多图片，一方面解决了浏览器的兼容性问题。另一方面，这些字体都是矢量字体，我们只要在调整这些图标时，将他们的字体大小以及颜色，我们就可以解决很多不是图片的图标了。
二、使用原因
今天在用到jquery.mmenu.js过程中（手机上的单个按钮菜单，具体将在下一节讲到），也是从网上找到的一个简单的demo，很简单的，如下图：
于
原创
2022-04-25 10:14:08
3272阅读
今天写个简单的小demo，关于CSS实现头像右上角消息数字提示，样式如下如图所示，在微信和扣扣消息里面比较常见。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title><...
原创
2021-07-28 11:26:38
2284阅读
今天写个简单的小demo，关于CSS实现头像右上角消息数字提示，样式如下如图所示，在微信和扣扣消息里面比较常见。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title><...
原创
2022-04-23 22:35:45
1718阅读
点赞
图标闪烁CSS代码 <!DOCTYPE html> <html> <head> <style> #markerDiv { position: absolute; float: left; left: 20px; top: 20px; width: 38px; height: 44px; backgr
最近做了一个项目，需要实现转账红包功能。我这里接入的是环信，我自己做的过程中也比较坎坷，所以想把实现的方法整理了一下分享给大家（如果大家有更好的实现方法，欢迎评论区留言，废话不多说了开始上货，东西有点多所以分开写了）。这里我先说下我的思路，我主要是通过环信的自定义类型消息还有仿照其他消息类型实现的，其中有一些需要与后台配合完成，我这里只说下Android这边具体干了什么。 1.首先我们需
父层class设置outdiv 子层设置为blingbling .outDiv { display: flex; justify-content: center; align-items: center; .blingbling { position: absolute; -webkit-anima ...
转载
2021-10-13 14:39:00
2915阅读
2评论
感谢印记中文的 QC-L[1] 对本文进行，英文原文: English Version[2]。在 重新构想原子化 CSS中，我提到了 UnoCSS[4] 的一个预设，它提供了在纯 C...
转载
2021-11-22 16:53:28
416阅读
引入ico图标<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/> 注意：它不是iconfont字体哦 也不是图片。位置是放到 head 标签中间。后面的type=“image/x-icon” 属性可以省略。（我相信你也愿意省略。）为了兼容性，请将favicon.ico 这个图标放到根目录下。下载及转换ico图标网站（方便）我们可以自己做的图片，转换为 ico图标，
原创
2020-07-09 14:41:22
1940阅读
# CSS 和 SVG 在 Android 图标中的应用
在移动应用的开发中，图标是用户界面设计的一个重要组成部分。Android应用中的图标通常需要在不同的尺寸和分辨率上保持清晰，因此CSS和SVG（可缩放矢量图形）成为了设计图标的热门选择。本文将探讨如何使用CSS和SVG创建Android图标，并通过代码示例来展示具体的实现方式。
## 一、什么是SVG？
SVG（Scalable Ve
Android消息提示框，以及进度条**重点：在进度条中 不能在主线程中执行耗时的操作，只能在子线程中操作 另外，在子线程中不能操作主线程中的控件(ProgressBar除外)**Toast(提示框重点) 1.1 Toast是Android中的一种简易的消息提示框 1.2 使用这个类的最简单的方法是调用静态方法构造您所需要的一切，并返回一个新的Toast对象。 Toast toast=To
感谢印记中文的 QC-L[1] 对本文进行翻译，英文原文: English Version[2]。在 重新构想原子化 CSS中，我提到了 UnoCSS[4] 的一个预设，它提供了在纯 C...
转载
2022-01-14 17:42:58
210阅读
简介windows系统中其实已经提供了更改程序的快捷方式的功能。有时候你觉得某个程序的图标实在太难看 了，或者，你比较喜欢自定义，什么都想按照自己的想法来，甚至在程序图标上，也想按照自己喜好来更改。这当然可以。工具/原料方法/步骤打开桌面，桌面上摆放了放多程序的快捷方式，我们每天打开电脑最先接触的就是这些快捷方式图标。时间长了，是不是感觉乏味了。可以换一换。比如，在我的电脑桌面上有这样一个图标，即
文章目录web字体字体格式字体图标字体图标优点字体图标使用流程设计字体图标上传生成字体包下载兼容字体包字体引入到HTML第一步：在样式里面声明字体： 告诉别人我们自己定义的字体第二步：给盒子使用字
原创
2020-07-09 14:34:24
10000+阅读
# Android 消息图标灰色的解决方案
在 Android 开发中，遇到消息图标显示为灰色的情况并不罕见。这通常意味着某种状态或故障，影响了应用的通知或消息展示。本文将介绍导致这一现象的原因、解决方案，并提供相应的代码示例，帮助开发者更好地理解和处理这一问题。
## 1. 理解灰色图标的原因
在 Android 系统中，消息图标的颜色和状态通常可以通过以下几种方式进行判断：
- **N
文章目录web字体字体格式字体图标字体图标优点字体图标使用流程设计字体图标上传生成字体包下载兼容字体包字体引入到HTML第一步：在样式里面声明字体： 告诉别人我们自己定义的字体第二步：给盒子使用字体第三步：盒子里面添加结构追加新图标到原来库里面web字体字体格式不同浏览器所支持的字体格式是不一样的，
原创
2021-06-10 19:49:13
2228阅读
我们做网站，经常会遇到消息提示。我仿照腾讯的邮箱做了个小demo。提示出现后，几秒消失。提示的位置是固定的。不受布局的影响。效果如下：提示通常分两种，一种使错误提示，一种是成功提示。用不同的css已表示区分。代码如下： 提示消息提示错误msgBoxDIV中的位置是固定死的，里面的span可以展示错误信息。css样式如下：.errmsg {background: #ef8f00;z-index: 99;}.msg {background: #68af02;z-index: 99;}.msg, .errmsg {margin-left: 10px;white-space: nowrap;pa...
原创
2021-08-05 16:10:57
231阅读
