站长资源 第2429页
用CSS3实现瀑布流布局的示例代码
以前使用瀑布流都要用js，现在有了css3，可以轻松实现了。掌握点：1、column-count把div中的文本分为多少列2、column-width规定列宽3、column-gap规定列间隙4、brea
一份纯CSS loading动画效果代码示例
本文介绍了一份纯CSSloading效果代码示例，分享给大家，具体如下：预览代码使用了CSS的keyframes自定义关键帧动画Loading<metacharset="UTF-
css 实现文字过长自动隐藏功能
单行overflow:hidden;text-overflow:ellipsis;white-space:nowrap;多行(兼容各个浏览器)//通过覆盖最后几个字的形式p{position:relative;line-height:1.4em;heig
详解CSS3 rem(设置字体大小) 教程
css3新增了相对单位rem,使用rem同em一样皆为相对字体大小单位，不同的是rem相对的是HTML根元素。鉴于很多网友提到了rem，所以我这里就对其中一个总结。在Web中使用
CSS3 linear-gradient线性渐变生成加号和减号的方法
在商城项目中，购物车是一个很重要的功能。其中最常见的是购物车中对库存的“+-”操作，包括抢购后面有很多算法。但是作为前端来说，购物车的结算中的+-就
CSS mask-image属性详细介绍(小结)
CSSmask遮罩属性的历史非常久远了，远到比CSS3border-radius等属性还要久远，最早是出现在Safari浏览器上的，差不多可以追溯到09年。不过那个时候，遮罩只能作为实验
解决css中hover做遮盖罩闪动问题(推荐)
具体代码如下所示：你好这是html代码部分，原本想做一个遮盖罩的效果，当鼠标移动到div2的时候，div3会出现微微遮一下div2.所以最开始的css代码是这样的做完后发现出
CSS: hover选择器的使用详解
有些时候需要用到mouseover和mouseout这两个鼠标事件，但是写js又比较麻烦，还要添加监听事件，所以能用css解决的东西尽量yongcss解决，这样可以提高性能，下面说一下
20 个 CSS 高级技巧汇总(推荐)
使用技巧会让人变的越来越懒，没错，我就是想让你变懒。下面是我收集的CSS高级技巧，希望你懒出境界。1.黑白图像这段代码会让你的彩色照片显示为黑白照片，是不是很酷
CSS实现图片背景填充的六边形的示例代码
六边形的实现原理其实就是通过旋转三个重叠的矩形得到的，如下图所示：这里为了得到一个正的六边形，两个矩形旋转的角度必须为-60deg和60deg，以及矩形高宽比必须是M
浅谈css3中的渐进增强和优雅降级
渐进增强和优雅降级这两个概念是在CSS3出现之后火起来的。由于低级浏览器不支持CSS3，但是CSS3特效太优秀不忍放弃，所以在高级浏览器中使用CSS3，而在低级浏览器只保
浅谈css3新单位vw、vh、vmin、vmax的使用详解
本文介绍了css3新单位vw、vh、vmin、vmax的使用详解，分享给大家，具体如下:1，vw、vh、vmin、vmax的含义（1）vw、vh、vmin、vmax是一种视窗单位，也是相对单位。它相对
CSS经典三栏布局方案（6种方法）
本文介绍了CSS经典三栏布局方案，分享给大家，也给自己做个笔记，具体如下：三栏布局，顾名思义就是两边固定，中间自适应。三栏布局在开发十分常见1.float布局最简单的
浅谈css3中calc在less编译时被计算的解决办法
对于前端er来说，Less或Sass已经是一项必备的基本技能，有了这个利器，可以省下前端开发者的很多编码时间，让你写CSS如行云流水一般，然后最近我在Less里加入calc时确
css解决font-weight:blod跳动问题的解决
需求：实现鼠标悬停在链接上时，链接字体加粗的功能。实现方式1：a:hover{font-weight:blod}结果鼠标悬停的时候，页面会有跳动的现象。因为改变字体的时候改变了元素
css3的动画特效之动画序列（animation）
首先复习一下animation动画添加各种参数（1）infinite参数，表示动画将无限循环。在速度曲线和播放次数之间还可以插入一个时间参数，用以设置动画延迟的时间。如希望
详解CSS 怪异盒模型和标准盒模型
在html文档中，每个渲染在页面中的标签都是一个个盒子模型。盒子模型又分为：W3C标准的盒子模型和IE标准的盒子模型。由于目前大部分主流的浏览器支持的是W3C标准盒
浅谈CSS3中的变形功能-transform功能
CSS3中的变形功能：在CSS3中可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动着四种类型的变形功能。1、如何使用transform功能：（1）在CSS3中通过tr
使用html和css实现康奈尔笔记(5R笔记)模板
缘起人家都说康奈尔笔记法，很好用呢，能抵抗遗忘曲线，让你的笔记事半功倍，有兴趣的同学自行百度哈。网上有很多现成的模板，下载下来之后吧，看着好像在上面写英文可
css3如何绘制一个圆圆的loading转圈动画
如何绘制一个圆圆的loading圈小程序里需要一个像下面的loading，原生的没有，引入别的组件库又太大，所有决定自己写个。1.基本原理动态的实现原理是给8个小圆圈设置
css 进度条的文字根据进度渐变的示例代码
本文介绍了css进度条的文字根据进度渐变的示例代码，分享给大家，具体如下：需求1.进度条里面的文字需要根据进度的长度而变化原理用两个一模一样的样式的div重叠起来
css3实现冲击波效果的示例代码
近日，很多浏览器按钮点击会出现以下冲击波效果，出于好奇，参考网上的资料，将这个效果研究实现下。实现思路：观察波由小变大，涉及的css3属性变化有width,height,lef
CSS 垂直水平居中的5种最佳解决方案
CSS居中对齐代码中均省略了浏览器前缀以下例子以我的个人的标准排序当然也有更多的居中处理方法但我觉得只有这5种方法是最完善的解决方案flex居中优点：可对未知高
CSS预处理器Sass详解
Sass是一款强化CSS的辅助工具，它在CSS语法的基础上增加了变量(variables)、嵌套(nestedrules)、混合(mixins)、导入(inlineimports)等高级功能，这些拓展令CSS更加
详解CSS 3 中的 calc() 方法
下面一段代码给大家介绍css3中的calc()方法，具体内容如下所示：<divstyle="width:100%;height:20px;margin:5px;background:
CSS属性之定位属性（图文详解）
CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。position:absolute;position:relative;position:fixed;下面逐一介绍。相对定位相对定
css判断某元素的子元素个数并分别设置样式的方法
工作时遇到这样一个问题:根据某元素所包含的子元素个数，分别设置不同的样式，这个用js可以解决，不过个人认为用css解决可能更简单一点。这也正好加深了我对css选择
使用css3做0.5px的细线的示例代码
Webapp中的CSS3实现0.5px的细线感觉很长时间没写过博客了，最近生活还算稳定，过得较为充实，所以又要开始写写东西了，一个是为了做些记录，是怕自己某一天，忘记了，回
使用纯CSS实现书籍3D翻页效果的示例
今天开始～小编将与大家分享一系列的web前端特效荟萃，喜欢把玩儿炫酷效果的小伙伴快快看过来^_^，希望大家喜欢呦～第一期，给大家分享一个使用纯CSS实现书籍3D翻页效
详解CSS nth-child与nth-of-type的元素查找方式
nth-child和nth-of-type是css的两个伪选择符。应用中，这两者常常容易混淆。这里把它们拿出来仔细做个对比，看看这两者是怎么查找元素的。nth-child(n)—&mda
详解css如何利用 :before :after 写小三角形
之前写的三角形一直在同一个颜色，没有边框的样式。如下：CSS代码如下：.tri-up{width:0;height:0;border-left:20pxsolidtransparent;border-right:20pxsolidtransp
CSS 实现平行四边形的示例代码
本文介绍了CSS实现平行四边形的示例代码，分享给大家，具体如下：先上效果图平行四边形可以用做导航栏部分。原理：利用transform属性拉伸矩形。CSS代码transform:ske
CSS实现Sticky Footer的示例代码
所谓“StickyFooter”，并不是什么新的前端概念和技术，它指的就是一种网页效果：如果页面内容不足够长时，页脚固定在浏览器窗口的底部；如果内容足够长时，
CSS命名规则和命名方法
CSS命名规则头：header内容：content/containe尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：leftrightcenter登录条：
浅析CSS里的BFC和IFC的用法
前言之前一直听到有人提到CSS里的BFC，正巧在IFE的练习里遇到了外边距折叠的问题，所以正好弄清楚BFC的机制。(参考来源见文末的Reference)一什么是BFC和之前所有博
CSS使用position:sticky 实现粘性布局的方法
简介前面写了一篇文章讲解了position常用的几个属性：《CSS基础篇--position属性讲解》一般都知道下面几个常用的：{position:static;position:relative;position:a
CSS实现Tab页切换实例代码
1.hover移入其父元素.navI时，触发鼠标的hover态，给父元素添加样式为position:relative;z-index:1;。从而提升了层级z-index。在其子元素导航内容的层级比拼中，&ld
CSS选择器实现字段解析
根据上面所学的CSS基础语法知识，现在来实现字段的解析。首先还是解析标题。打开网页开发者工具，找到标题所对应的源代码。发现是在divclass="entry-header"下面的
css Flex布局的可伸缩性(Flexibility)
FlexibilityFlex伸缩布局决定性的特性是让伸缩项目可伸缩，也就是让伸缩项目的宽度或高度自动填充剩余的空间。这可以以flex属性完成。一个伸缩容器会等比地按照各
css3 clip实现圆环进度条的示例代码
CSS中有一个属性叫做clip，为修剪，剪裁之意。clip属性剪裁绝对定位元素。这个属性用于定义一个剪裁矩形。对于一个绝对定义元素，在这个矩形内的内容才可见。出了这
结合 CSS3 transition transform 实现简单的跑马灯效果的示例
这是之前客户的一个需求，给的demo是用gif实现跑马灯，但是我们的没法用gif，因为图上的文字需要翻译成各国语言，所以不能使用图片来实现，那么，自己写一个咯。思考过
如何用css3实现switch组件开关的方法
本文介绍了用css3实现switch组件的方法，分享给大家，具体如下：基于表单的checkbox效果图原理checkbox,有两种状态,没选中和选中,当选中的时候(:checked),改变样式即
纯css3使用vw和vh实现自适应的方法
响应式布局的实现依靠媒体查询（MediaQueries）来实现，选取主流设备宽度尺寸作为断点针对性写额外的样式进行适配，但这样做会比较麻烦，只能在选取的几个主流设备尺寸
CSS水平垂直居中解决方案(6种)
准备创建元素child垂直水平居中方案一：知道宽度的情况下absolute+margin负值.parent{width:400px;height:400px;background:red;p
ES6与canvas实现鼠标小球跟随效果
最近闲来无聊，看了下ES6的语法，结合canvas实现了动画特效——随着鼠标的移动，会有小球跟随且自动消失的动画。首先，html部分，目前就一个canvas标签。当
CSS理解块级格式上下文（BFC）
1.BFC定义BFC(Blockformattingcontext)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-levelbox（块级元素）参与，它规定了内部的Block-levelBox如何
css中引入svg来兼容部分安卓机显示0.5px边框的示例
相信大家昨天打开某404搜索引擎的时候应该都看到这张图片了，不得不说，后人会以这么一种方式来纪念前人，而且还是一个伟大的公司，挺感动的。前言在开发H5页面的时候
CSS3 @keyframes简单动画实现
CSS3@keyframes简单动画实现定义：通过@keyframes规则，能够创建动画。创建动画的原理是，将一套CSS样式逐渐变化为另一套样式。在动画过程中，可以多次改变这套CSS样
css设置body背景图片满屏的实例代码
废话不多说了，直接给大家贴代码了，具体代码如下所示：@{Layout=null;ViewBag.Title="LoginPage";}<metaname="viewport"content="width=device-wid
css制作收缩圆环旋转效果实例代码
效果如下所示：收缩旋转圆环css代码：body{background:#372940;}.demo{position:relative;margin:120pxauto;width:150px;}.loader{position:absolute;o
css 使用relative设置top为百分比值的方法(仿百度首页)
前言：最近在学习HTML、CSS的过程中，想模仿一下百度首页。发现搜索框这一部分与上下其它元素的空白距离可以随着窗口大小变化（效果如下图所示），于是自己研究了一下
纯CSS实现红绿灯效果(面试常见)
先看题，别看答案试下吧~_~1、下面的代码输出的内容是什么？functionO(name){this.name=name||'world';}O.prototype.hello=function(){returnfunction(){console.l
css自定义属性和聚光灯效果的实现
神秘巨星来了吗？快，打追光，快，快给她镜头。------《神秘巨星》神秘巨星是谁？它就是CSSVariables。简介CSSVariables，一个并不是那么新的东西，但对css来说绝对是一
CSS3下的渐变文字效果实现示例
一、方法一：借助mask-image属性如果您手头上的浏览器是Chrome或是Safari，则您可以在demo页面中看到类似下面的效果：方法一下的文字渐变效果相应的HTML代码如下：天
前端css实现最基本的时间轴的示例代码
本文介绍了前端css实现最基本的时间轴的示例代码，分享给大家，具体如下：原型：代码：<linkrel="stylesheet"href="http://cdn.static.runoob.com/libs/bootstrap/3.3
详解css布局实现左中右布局的5种方式
本文介绍了详解css布局实现左中右布局的5种方式，分享给大家，具体如下：效果如下：左中右布局<metaname="viewport"content="width=device
css3编写浏览器背景渐变背景色的方法
本文介绍了css3编写浏览器背景渐变背景色的方法，分享给大家，具体如下：效果如下：知识点：rgb全色循环算法，HEX与RGB颜色转换算法、CSS3颜色渐变，CSS3渐变色兼容ie方
CSS宽高等比布局的方法
宽度是高度的两倍(等比缩放)实现思路:以父级元素为基准,子级width:100%;(也就是父级宽度的100%),padding-top:50%(也就是父级宽度的50%,根据css规范,padding用百分
CSS布局方案小结
居中布局水平居中1）使用inline-block+text-align原理：先将子框由块级元素改变为行内块元素，再通过设置行内块元素居中以达到水平居中。用法：对子框设置display:in
CSS3 :default伪类选择器使用简介
一、CSS3:default伪类选择器简介CSS3:default伪类选择器只能作用在表单元素上，表示默认状态的表单元素。举个例子，一个下拉框，可能有多个选项，我们默认会让某个处
用CSS实现Tab页切换效果的示例代码
最近切一个页面的时候涉及到了一个tab切换的部分，因为不想用js想着能不能用纯CSS的选择器来实现切换效果。搜了一下大致有下面三种写法。1、利用:hover选择器缺点
css3 矩阵的使用详解
css3矩阵变化.应用格式为:transform:matrix(a,b,c,d,e,f);对应于就是:实际应用中的转换就是:其中:ax+cy+e=横坐标bx+dy+f=纵坐标为什么会多出001呢？因为,为了凑参
css实现多边形和梯形盒阴影技巧
一般情况下，我们给块状元素（四边形）添加阴影样式，直接用cssbox-shadow:01px3px0rgba(0,0,0,0.1);就可以了，但是总有一些需求是那么的特别，例如下图：要求给这样的梯
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
2025年12月14日
2025年12月14日
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果（九）》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]