前端【网站集锦】

最新推荐文章于 2024-05-06 19:28:55 发布
最新推荐文章于 2024-05-06 19:28:55 发布
阅读量468 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_29066959/article/details/50748519
本文介绍了一系列CSS相关的在线工具，包括动画制作、图标生成、渐变色生成等，旨在帮助前端开发者提高工作效率。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >



CSS Animatie

CSS Animatie是一款在线制作CSS3动画的工具，可以在线直接制作CSS3动画效果，生成代码。

CSS3 Keyframes Animation Generator


Long Shadows Generate

Long Shadows Generate是一款在线使用纯CSS3实现长阴影的效果，一款强大的扁平化长投影制造器。

Long Shadows Generator


Fontastic

Fontastic是一个在线生成字体图标的app，可以定制属于自己的图标字体。

Create your Icon Font in seconds


Screensiz.es

Screensiz.es站收集整理了移动端的相关尺寸。

Screen Sizes


Live Tools

Live Tools是一个UI制作工具，他提供了按钮、表单、icon图标和Ribbons的制作工具，

可以在线配置相关参数，生成你需要的效果代码。

Ui Parade - Live Tools


Button Generator

生成和图片效果一样的按钮工具。

CSS Button Generator


@FONT-FACE GENERATOR

@FONT-FACE GENERATOR只需其中一种字体，就可以帮我们转换成@font-face各浏览器

下所需的所有字体格式。只是中文字体太大，不太好用。

Create Your Own @font-face Kits


@font-face ICON图标

ICON使用@font-face制作是越来越普遍了，但有一些icon字体库有几个icon，而往往我

们有时候只需要其中的几个，加载所有的icon感觉浪费，其实没有必要这么做的，在线

有两个网站，上面提供了各种字体icon库，我们只需要选择其中的部分，进行安装就OK了。

Fontello - icon fonts generator

IcoMoon App - Icon Font & SVG Generator


Ultimate CSS Gradient Generator

Ultimate CSS Gradient Generator真心的好用，是我常用的一个在线制作渐变的工具，

他除了类似于photoshop的渐变工具之外，还是firefox和chrome浏览器的一个插件。而

且还能生成兼容IE的滤镜代码，好强大的。

Ultimate CSS Gradient Generator


Pageblox

Pageblox是一款在线生成布局的工具，提供了七种常见的布局模式，而且还可以根据自

己的需求做一些自定义的设置。

CSS Layout Generator


CSS Load

CSS Load是一款纯代码制作loading的工具。

CSS Load.net


【ecd】css3 Animation tool

腾讯ECD推出一款强有力的CSS3动画制作工具。

动画工具[Tool]


Character-Code

Character-Code.com提供了对应的字符编码，可以查询出对应的字符编码。

Character Codes -- HTML Codes, Hexadecimal Codes & HTML Names ❤ ❤


CSS Animatie

CSS Animatie是一款在线制作CSS3动画的工具，可以在线直接制作CSS3动画效果，生成代码。

CSS3 Keyframes Animation Generator


Long Shadows Generate

Long Shadows Generate是一款在线使用纯CSS3实现长阴影的效果，一款强大的扁平化长投影制造器。

Long Shadows Generator


Fontastic

Fontastic是一个在线生成字体图标的app，可以定制属于自己的图标字体。

Create your Icon Font in seconds


Screensiz.es

Screensiz.es站收集整理了移动端的相关尺寸。

Screen Sizes


Live Tools

Live Tools是一个UI制作工具，他提供了按钮、表单、icon图标和Ribbons的制作工具，

可以在线配置相关参数，生成你需要的效果代码。

Ui Parade - Live Tools


Button Generator

生成和图片效果一样的按钮工具。

CSS Button Generator


@FONT-FACE GENERATOR

@FONT-FACE GENERATOR只需其中一种字体，就可以帮我们转换成@font-face各浏览器

下所需的所有字体格式。只是中文字体太大，不太好用。

Create Your Own @font-face Kits


@font-face ICON图标

ICON使用@font-face制作是越来越普遍了，但有一些icon字体库有几个icon，而往往我

们有时候只需要其中的几个，加载所有的icon感觉浪费，其实没有必要这么做的，在线

有两个网站，上面提供了各种字体icon库，我们只需要选择其中的部分，进行安装就OK了。

Fontello - icon fonts generator

IcoMoon App - Icon Font & SVG Generator


Ultimate CSS Gradient Generator

Ultimate CSS Gradient Generator真心的好用，是我常用的一个在线制作渐变的工具，

他除了类似于photoshop的渐变工具之外，还是firefox和chrome浏览器的一个插件。而

且还能生成兼容IE的滤镜代码，好强大的。

Ultimate CSS Gradient Generator


Pageblox

Pageblox是一款在线生成布局的工具，提供了七种常见的布局模式，而且还可以根据自

己的需求做一些自定义的设置。

CSS Layout Generator


CSS Load

CSS Load是一款纯代码制作loading的工具。

CSS Load.net


【ecd】css3 Animation tool

腾讯ECD推出一款强有力的CSS3动画制作工具。

动画工具[Tool]


Character-Code

Character-Code.com提供了对应的字符编码，可以查询出对应的字符编码。

Character Codes -- HTML Codes, Hexadecimal Codes & HTML Names ❤ ❤


网站集锦-电子
aaaaatiger--寻路
04-17 4万+
网站集锦（转）                                        mcs-51单片机技术学习：www.laogu.comwww.mcu51.comwww.c51bbs.comwww.21icbbs.com=========================================================================要购买的书
【网站集锦】
m0_66318554的博客
06-15 461
收藏目录黑客自学网站：相关推荐：***网上冲浪必记快捷键：****总结*每日一言：持续更新中... 黑客自学网站： 1、'Hack This Site' 2、'Cybrary'—领英（需登录） 3、https://www.hackingloops.com/：HackingLoops(适合初级） 4、'Hellbound Hackers'(最大的黑客社区之一) 5、'SecurityTube'(编写测试——视频—） 6、'Exploit Daatabase'——漏洞数据库 7、'Hack In The Box
网站集锦
有趣的人生 一半是山川湖海 一半是初心情怀
04-02 210
Java 经典网站集锦
mustbelove的专栏
11-28 831
http://developers.sun.com.cnhttp://www-128.ibm.com/developerworks/cn/java/http://www.open-open.com/http://www.javaresearch.org/    http://www.chinajavaworld.com/index.jspahttp://www.jdon.com
前端网站实例100套源码
02-02
本资源包“前端网站实例100套源码”是一个极其宝贵的自学和实践工具，提供了丰富的前端项目案例，涵盖各种类型的网站设计，包括企业官网、电商网站、个人博客、资讯门户等。以下将详细解析这些知识点： 1. **HTML与...
web前端开发技术 在线投票网站系统设计
06-30
在本项目中，"web前端开发技术 在线投票网站系统设计"主要涵盖了多个重要的Web开发概念和技术，包括用户注册与登录、数据可视化、实时更新以及排行榜展示等关键功能。以下是对这些知识点的详细阐述： 1. **Web前端...
前端网站模板
03-16
这是一套模板合集，里面有9900套响应式前端静态网站模板、2000套手机静态模板、1000套js特效源码、UI界面素材等。很合适快速搭建前端页面。
前端面试常见问题集锦册
01-30
前端： 这指的是前端开发，是指构建在网站或者 Web 应用程序中用户直接与之交互的部分。前端开发通常涵盖了HTML、CSS和JavaScript等技术，负责构建用户界面、实现用户交互等。 面试： 这是指在求职过程中，雇主或者...
前端页面网站源码集合，资源包有近四百套网站源码，各种类型都有，【滑稽狗头
05-07
资源包里面有各行各业的网站源码，差不多400套，使用了html,css,js,php,vue,jquery等编写（还有很多就不一一列举了），里面还有各个网站的分类目录文件，方便查找，适合初学者，看源码进行学习
有意思网站集锦
piscesQ
12-29 1139
专业网站  语言排行榜-TIOBE     网址：http://www.tiobe.com/index.php/content/company/Home.html有趣网站  Pinterest     网址：https://www.pinterest.com/
常用网站集锦
Object
10-25 437
修改虚拟机网关名称:https://jingyan.baidu.com/article/6181c3e081f178152ef1538f.html
工作中真正有用的网站集锦！
代码是糖，甜到哀伤
12-01 375
定时任务quarz的cron表达式在线生成工具定时任务quarz的cron表达式在线生成工具。
实用网站集锦（2021-11-20）
Sunshine_Dawn的博客
11-20 6671
授人以鱼，不如授人以渔。今天我将介绍一些在B站上get到的实用网站集锦，希望帮助大家提高搜索资源的效率。 一、资源导航网站 1、书享家（电子书资源网站导航）： http://shuxiangjia.cn/ 2、学吧导航（自学资源网站导航）： https://www.xue8nav.com/ 3、科塔学术（学术资源网站导航）： https://site.sciping.com/ 4、HiPPTer（PPT资源网站导航）： http://www.hippter.com/ 5、Seeseed（设计素材资源导航）：
【值得收藏】10个实现炫酷UI前端效果的CSS生成工具
静Yu的博客
08-18 3171
国内某知名招聘网站发布的一份报告显示，web前端开发工程师已成为中国互联网行业中最紧俏的职位。根据此次报告，今年三季度，互联网在上海全行业中成为人才需求最为紧迫的行业，而在当地互联网各种紧缺职位中，各类研发技术类岗位稳居前列。web前端是一个自由的行业，但要经历苦、累之后才能获得。有其他很多行业也很苦、很累，而前端是属于自由、乐趣、随心所欲的一个工种。 兴趣是最好的老师。做任何事情，只有出自兴趣，才能一直坚守，从菜鸟变成大神也不是不可能的事。 根据设计领域的最新趋势，我选择了10个值得你关注的CS...
前端css中animation(动画)的使用
最新发布
小蜗牛764号的博客
05-06 1万+
animation常伴随着动画帧`@keyframes`一起使用。本文主要说明animation都有啥属性，然后简单的进行使用。 animation动画有多个属性，每个属性也有相应相关的值。另外我们使用过程中也可以使用简便方法，如`“animation:”+后面各属性的值，用空格隔开+“；”`的形式设置动画效果。举例如：`animation: box1 3s linear 2s infinite;`
css动画在线生成,在线制作css动画——cssanimate
weixin_36361396的博客
08-03 2907
熟悉CSS的人都知道，CSS可以实现很多漂亮的动画，特别是它的在线功能，能够帮助人们解决很多制作动画的效果。今天特别推荐一个在线CSS插件功能——cssanimate，这个最大的特色就是以图形界面方式让你轻易实现漂亮的CSS3动画效果，下面一起看看这个在线工具的介绍。CSS3动画制作工具界面介绍Timeline(时间轴)Timeline是引导动画的重要区域，就像制作逐帧动画一样，可以调整每帧的内容...
CSS的动画特效（animation）
热门推荐
githubcurry
12-09 1万+
今天来讲一下css中很实用的一个效果-动画（animation）。 动画就是使元素从一种样式逐渐变化为另一种样式的效果。我们可以改变任意多的样式任意多的次数（很官方的回答）。 为了方便大家和我自己理解这个概念，我们可以想像一下准备拍电影的时候，我们需要一个电影名吧，需要设置电影的时间吧。而且拍电影就是一帧一帧，叫做关键帧。所以我们设置动画的时候要讲清楚电影名（animation-name），电影时长（animation-duration），电影啥时候开始（animation-delay），播放或者暂停（a.
Bootstrap框架下的购物网站前端开发
资源摘要信息:"购物网站web前端开发详细知识点梳理" 1. Web前端开发概述 Web前端开发是指通过使用HTML、CSS、JavaScript等技术，构建用户在互联网上直接看到和交互的界面。购物网站的前端开发尤为注重用户体验，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值