我们的网页外观主要由CSS控制，编写CSS代码可以任意改变我们的网页布局以及网页内容的样式。CSS3的出现，更是可以让网页增添了不少动画元素，让我们的网页变得更加生动有趣，并且更易于交互。本文分享了10个非常炫酷的CSS3动画案例，希望大家喜欢。1、纯CSS3实现烧烤动画这个CSS3动画相当有创意，动画中所有的烧烤元素都是利用CSS3绘制而成，冒出的烟雾也是由CSS3动画实现，相当酷。2、超经典的
转载
2023-07-25 17:35:59
104阅读
字体图标的使用（HTML、CSS）<!DOCTYPE html><html lang="en"><head> <meta cha
原创
2022-10-20 10:21:05
138阅读
# 如何实现 HTML5 和 CSS 酷炫图标：新手指南
## 引言
在前端开发中，使用酷炫的图标能够提升网站的视觉效果和用户体验。本文将带您逐步了解如何使用 HTML5 和 CSS 创建酷炫的图标。通过这篇文章，您将掌握从理念到实现的整个流程。
## 流程概览
以下是实现酷炫图标的步骤，表格清晰地展示了每个阶段：
| 步骤 | 描述
地址：https://icons8.com/地址：https://www.easyicon.net/
原创
2023-05-15 15:38:36
60阅读
一、介绍
采用这种字体，我们可以避免网站制作中采用好多图片，一方面解决了浏览器的兼容性问题。另一方面，这些字体都是矢量字体，我们只要在调整这些图标时，将他们的字体大小以及颜色，我们就可以解决很多不是图片的图标了。
二、使用原因
今天在用到jquery.mmenu.js过程中（手机上的单个按钮菜单，具体将在下一节讲到），也是从网上找到的一个简单的demo，很简单的，如下图：
于
原创
2022-04-25 10:14:08
3297阅读
给大家简述一个常见的transform应用，就是当我们用鼠标滑向图标按钮时，图标会自动旋转一周，这个效果完全不依赖JS，由css3的transform就可以完成。Transform简介在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。1、旋转rotate() ：通过指定的角度参数对原元素指定一个2D ro
作为一个Web设计师，图标设计是最耗时的任务之一，但幸运的是网络上有很多慷慨的设计师分享的现成的免费小图标素材包可以下载使用, 这些图标其实不是图片而是字体, 他们属于U...
原创
2021-09-16 15:24:22
134阅读
作为一个Web设计师，图标设计是最耗时的任务之一，但幸运的是网络上有很多慷慨的设计师分享的现成的免费小图标素材包可以下载使用, 这些图标其实不是图片而是字体, 他们属于U...
原创
2022-03-03 16:16:21
143阅读
写作过程中不可过多使用图标，要适当使用。使用图标的目的为了阅读醒目、锦上添花，起点缀作用。鄙人在查看阅读其他大佬的
可能做过任务栏美化的同学都会知道，res\drawable-hdpi 目录下有非常非常多的XXXXXX.9.png图片。 千万不要以为这个9只是png格式图片的命名区分，其实他是一种特殊的格式，在png图片的基础上动了些手脚，而且这种手脚你会 看不见摸不着（详情见下面具体内容）。 9.pn
图标是决定一个app界面好坏的一个重要因素，但是也是程序员难以控制的因素，我们一直都希望有一套丰富的图标。不过如今越来越多的免费图标开始出现了，这些不仅仅是提供了几个可爱的图标而已，他们是成套的，形成了许多解决方案。图标解决方案分为三种：一种是直接提供图标下载的网站二种是将图标资源做成库，在项目中引用的开源项目还有一种就是插件 优缺点其实采用一种图标方案与否，形式不是关键，最关键的是图标资源的丰富
图标对网页设计师来说是宝贵的财富，高质量的图标素材既能为设计师节省时间，又能有很不错的效果。网上的免费图标素材非常多，可以说是琳琅满目，那些充满分享精神的设计师们把素材共享出来，让更多的人可以使用他们的优秀设计。今天这篇文章为大家收集了50套新鲜出炉的图标素材资源与大家分享，可以免费下载。记得分享和推荐一下 :)
Book Icons
Free Vector Web I
原创
2012-07-02 11:05:54
444阅读
一、什么是9.png： 可能做过任务栏美化的同学都会知道，我靠，framework-res.apk\res\drawable-hdpi 目录下有非常非常多的XXXXXX.9.png图片。 千万不要以为这个9只是png格式图片的命名区分，其实他是一种特殊的格式，在png图片的基础上动了些手脚，而且这种手脚你会 看不见摸不着（详情见下面具体内容）。 9.png格式的图片是安卓平台上新创的一种被拉伸却不
index.css /* index.css是用来美化首页的 */ * { margin: 0; padding: 0; /* 內减模式 */ box-sizing: border-box; } li { list-style: none; } a { text-decoration: none;
原创
2022-07-10 00:02:55
57阅读
前置准备：Icon、封面图等素材具体步骤：进入创作者中心页面填写图标Icon相关项目信息等待审核步骤分解：进入创作者中心页面登陆进入官网点击个人— 创作者中心 页面点击右上角 创建素材
填写图标Icon相关项目信息按照个人需求填写 模版设置 信息保存修改 后，点击右上角 上传图标填写 图标 相关信息，点击 保存修改
等待审核上传成功后，等待官方审核即可
原创
2022-11-18 10:13:44
166阅读
精灵技术：为了有效减少服务器接收和发送请求的次数，提高页面的加载速度精灵技术主要针对背景图片的使用，就是把多个小的背景图片整合到一张大图片中1精灵图主要针对于小的背景图片的使用2主要借助背景位置来实现background-position3一般情况下精灵图都是负值 x轴右边走是正值字体图标：iconfont使用场景：主要用于显示网页中通用、常用的一些小图标精灵图有缺点：图片文件还是较大、图片本身方
在网络上，你会发现一些令人难以置信的精美图标集和免费素材。设计师们已经使用 Photoshop 工作多年，产生了众多图形爱好者分享社区，大量优秀的设计作品和素材贡献出来。
这些小小的按钮和图标元素能够提示用户一些操作，设计精美的图标不仅能增加界面的美观，也能够让应用程序更加易用。下面收集了33套精美网页按钮和图标素材，可以免费下载使用，相信你会喜欢！
您可能感兴趣的相关
原创
2013-01-04 11:07:42
839阅读
