一个有趣的前端css文件

最新推荐文章于 2024-01-08 19:23:24 发布
最新推荐文章于 2024-01-08 19:23:24 发布
阅读量527 收藏
点赞数
分类专栏： 学到的知识点 文章标签： css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shengzhu1/article/details/55511300
版权
  • 今天无意中发现了一个有趣的图标字体库和css框架网站，叫做Font Awesome，此网站有数百个图标可以挑选，只需要调用相应的资源就可以实现，例如qq，微博，微信等等，而且这些图标还不是图片，所以体积比较小。
  • 这些图标可以根据需求来调整大小、宽度等，还可以进行旋转
    Font Awesome官网
  • 我的网站首页就是用的这个网站提供的各种各样的图标我的个人网站
shengzhu1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
演示：每天一个有趣的前端案例
02-10
每天一个不会秃头的前端案例 利用css和js实现咖啡选择 利用css和js实现图片展示 利用css和js实现卡片翻转时钟
前端领域，使用html+css实现一个闪动的爱心
11-08
html爱心代码，首先使用两个div画出爱心的形状，再使用css的transform属性，实现爱心的闪动，一个简单有趣的实现，希望各位喜欢。 HTML，全称为超文本标记语言（Hypertext Markup Language），是用于创建网页的标准...
最新的15 个有趣的前端库（December 2016）
weixin_34066347的博客
12-13 116
「英」原文链接 github
三角形旋转css_好玩儿的css
weixin_33469623的博客
01-02 526
引言其实很早就想写一篇关于 css 的文章了。(拖延症，一直没写。。。)css 发展到今天已经越来越强大了。其语法的日新月异，让很多以前完成不了的事情，现在可以非常轻松的做到。今天带大家看几个用css(部分会用到canvas和js)实现的好玩儿的效果(不好好琢磨下，还真写不出来)本篇文章有参考一些css大佬的杰作，具体参考链接在文末有提及超能陆战队-大白超能陆战队中的大白，相信你一定不陌...
有意思的前端——gogogo
weixin_34416649的博客
04-15 176
1.一个有趣的类数组案例 var obj = { '2': 3, '3': 4, 'length': 2, 'splice': Array.prototype.splice, 'push': Array.prototype.push } obj.push(1) obj.push(2) console.log(obj) 复制代码为什么说是一个类数组的使用案例，...
好玩的CSS样式
fengxiandada的博客
10-29 355
好玩的CSS样式 1. EyeAnimation 1.1 样式展示 样式是油管：https://www.youtube.com/watch?v=IFNUXlqtROc 上看的，原视频作者：Online Tutorials 2.2 完整代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Eye Ball Move on Mousemove&
一些有趣的css样式.zip
06-08
这个“一些有趣的css样式.zip”压缩包文件，显然包含了开发者们可能感兴趣的创新和独特的CSS样式库，这可以为网页设计增添趣味性和互动性。现在，让我们深入探讨一下CSS的一些核心知识点，以及如何利用这些样式库来...
一个纯CSS网站，用CSS 小片绘制了30种有趣但不幸濒危的动物。
03-03
这个项目名为"species-in-pieces"，是一个创新的前端网页设计示例，完全利用CSS技术来展示30种面临灭绝危险的动物形象。通过这个项目，开发者旨在提高公众对濒危物种保护的意识，避免它们走向灭绝的命运，就像历史上...
前端的一个网页 但是很炫酷
06-10
在前端开发领域，一个网页的设计和实现可以极大地影响用户体验和网站的整体吸引力。"炫酷"一词通常用来形容那些利用先进技术、创新交互设计以及视觉特效的网页。在本篇文章中，我们将深入探讨如何构建一个既炫酷又...
一些好玩的css
阿臻的博客
02-22 665
好玩的css前言1.background-repeat2.prefers-color-scheme3.伪元素 ::selection 和 ::first-letter4.text gradient 文字渐变5.filter:grayscale(100%)6.pointer-event7.blend modes 混合模式新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个
一个很有趣的JS页面判断
12-24
刚刚从别的网站上面看到一个很有趣的用户注册判断功能，是关于钓鱼岛归属问题的一个判断，JS做的，很有趣。看看吧？！
css 样式 好玩的
呵呵的牛
05-11 157
/*! css-sans.css v1.0.0 © 2015 Yusuke Sugomori MIT License | http://yusugomori.com/license/mit */ .A { position: relative; left: 30px; width: 60px; height: 91px; border-bottom: solid 14px #000000; } .A:before { -webkit-transform: skew(-19deg, 0); -moz-tr
[前端]强大的javaScript 中比较有趣的事
jsh0123的博客
04-29 2496
一、查找所需的元素的比较方便的语法糖 1.除基本的id，class 和tag的方法外 介绍一种基于元素位置的查找方法 document.elementFromPoint(x,y)获取点位置的元素 2.元素find()及基本定位的时候可以借用某些元素属性值进行精确定位 [attribute$=value]，匹配给定的属性是以某些值结尾的元素。 [attribute*=value]，匹配
有趣的前端项目——一个暴躁萌的大眼仔
u013430418的博客
08-31 531
众所周知，我是一个摆子前端，闲来无事，网上冲浪遇见了如此蠢萌的大眼于是我，行也思，坐也思，可算把这个大眼给复刻出来了。原文出处：稀土掘金的一位博主——Urias晓看天色暮看云，行也思君，坐也思君。——一剪梅·唐寅同样，今天周一，在下也与诸位同道中人以来探讨这个话题：：原博主说的我很赞同，我也非常喜欢在空闲的时间钻研前端技术。...
好玩的CSS[你也试试]
weixin_30852367的博客
05-31 85
呵呵，大家也在博客园的的管理界面选项里面加入自己的CSS <styletype="text/css"><!--body{filter:FlipH()FlipV();}--></style> 呵呵，然后保存出来自己的首页看看效果：）如果不明显，就多刷新几次。 转载于:https://www.cnblogs.com/luoboqingcai/archi...
有趣的前端知识（二）
最新发布
2301_82095378的博客
01-08 1122
这些有趣的前端知识点，快来看看你知道了嘛。
一个简单炫酷的前端小项目（html+css+js）----3D图片演示
热门推荐
hsingle的博客
04-14 1万+
一个简单炫酷的前端小项目（html+css+js）----3D图片演示前言一、页面动画视频展示二、使用步骤1.引入库2.读入数据总结新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 提示：文章写完后，目录可以自动生成，如何
有趣的前端css特效——毛怪沙利文
fern_ok的博客
01-03 279
《怪兽电力公司》的主角：毛怪沙利文
收藏的一些有意思的CSS加载样式
weixin_33840661的博客
11-05 148
先看下效果 全部代码贴出，自己粘贴调试测试： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>css加载样式</title> 6 </head...
帮我写一段有趣的前端页面代码
06-02
好的，让我为您写一段有趣的前端页面代码，这是一个简单的动画效果，用 HTML、CSS 和 JavaScript 实现。 ```html <!DOCTYPE html> 有趣的动画效果 body { background-color: #3C3C3C; overflow: ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值