Web前端设计资源
Web前端Swiper滑动特效插件
Swiper常用于移动端网站的内容触摸滑动，是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端，能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用效果。 开源、免费、稳定、使...
291评论 Web前端全屏背景幻灯片jQuery 插件Vegas
Vegas 是一个 jQuery 插件，可为网页添加漂亮的全屏背景，JS文件只有几K，就能创建令人惊叹的幻灯片效果。 使用方法： <script src="http://code.jquery....
169评论 Web前端Flex布局子元素撑开宽度
在Flex布局中，默认情况下，子元素是不会撑开父元素的。这是因为Flex布局是一种自适应布局，它会根据子元素的大小和比例来自动调整父元素的大小。如果你希望子元素能够撑开父元素，可以通过下面的方法实现。...
1,9962 Web前端网页添加实时显示FPS帧率
通过一下面的代码，可以让网页实时显示FPS帧率。 <script> jQuery(document).ready(function($){ $('body').before('<di...
553评论 Web前端网站英文字体怎么选择
英文网站设计中，选择合适的字体至关重要，因为它不仅影响页面的美观度，还直接影响到用户体验和品牌形象。 在英文网站设计中，经常会用到这些字体：DMsans字体，Montserrat字体，Roboto字体...
7评论 Web前端CSS把文字限制在圆形内
在圆形容器中显示文本的写法 <!DOCTYPE html> <html> <head> <title>CSS把文字限制在圆形内</title>...
212评论 Web前端几个不太常用的CSS选择器
收集一些不常用，但却非常有用的CSS选择器。 * { margin:0; padding:0; } *选择器是选择页面上的全部元素，清除浏览器默认样式的方法。 *选择器也可以应用到子选择器中，例如下面...
117评论 Web前端文字大小为什么要用html {font-size: 62.5%;}
移动端开发需要考虑不同手机上不同分辨率的展示效果，所以需要自适应解决方案。通用的方案是使用rem，rem是 root-em 的缩写,是根相对单位,其相对的是html的 font-size 的单位。 h...
1581 Web前端flex: 1的写法
代码示例： <div class="container"> <div class="div">我是一个div</div> <div class="div"&g...
147评论 Web前端jQuery 水面涟漪插件 jquery.ripples
项目地址：https://github.com/sirxemic/jquery.ripples
407评论 Web前端jQuery 鼠标点击水波纹特效
<script type="text/javascript"> jQuery(document).click(function(e) { var size = 100//自定义大小 jQu...
407评论 Web前端纯真IP数据库的解析与读取
纯真IP库是民间自发收集、提交、聚合而来的数据库，囊括了国内外的大量IP数据。它的官网提供了记录提交和纠错的功能，管理员在统一整合后每5天更新一次。纯真IP库是完全免费的，它的官网上有在线查询功能，同...
2,7023 Web前端CSS文字加粗不影响整体宽度
通过伪元素处理文字加粗造成整体宽度改变 <html> <head> <title>CSS文字加粗不影响宽度</title> <style type...
317评论