2025-02-22 15:02:16
847
913
在我们日常开发的过程的滑动是一个常见的小组件，很多UI框架里面也都有，今天我给大家分享一波使用 原生的input 类型为range 做一个自定义类型的滑块。我们使用原生的input生成的就是如上图所示的滑块，但是我们产品是这个滑块太丑了，能不能高一个好看的。/* 覆盖默认外观，适用于 Firefox 浏览器 *//* 覆盖默认外观，适用于 IE/Edge 浏览器 *//* 覆盖默认外观，适用于 WebKit 浏览器 *//* 滑块宽度 *//* 滑块高度 *//* 滑块颜色 *//* 鼠标样式 */_html input range
2025-02-22 15:02:14
299
266
存储（关闭浏览器窗口数据删除）文件，创建应用程序缓存。没有时间限制的数据存储，：实时通讯，设备能力。中唯一引入的伪元素是。_es6语法与css3新特性
2025-02-22 15:02:13
849
709
Danbo是一只用废纸盒DIY出来的可爱玩偶，圆圆的眼睛和三角形的嘴巴，时刻露出无辜的表情，让人看到就心软，Danbo是个纯真善良的小家伙，在它单纯的幻想世界里，总是透露出最纯真可爱的动人气息。是日本人气动漫 《海贼王》中的主人公。因为身上封印着邪恶的九尾妖狐，无父无母的他受尽了村人的冷眼与歧视，他下定决心要成为第六代火影，让所有人都认同他的存在。ul为一组图片，每个li中有个a(因为我们希望点击图片可以跳转),a中包含两个div，一个是正常显示时的（即显示图片），一个是图片旋转后显示的（即介绍）。
2025-02-22 15:02:12
644
402
CSS3 提示框带边角popover，CSS3 提示框带边角popover。因为需要绝对定位子元素（这里就是伪元素），所以需要将其设置为相对对位_css popover
2025-02-22 15:02:11
226
370
CSS3Buttons Rails Helpers 项目推荐 css3buttons_rails_helpers Rails helpers to generate beautiful css3 buttons, based on the 'css3-github-buttons' ...
2025-02-22 15:02:10
650
681
在之前的篇幅中介绍过css的线性渐变linear-gradient()和径向渐变radial-gradient()，这一节再介绍另一种渐变方法，conic-gradient()锥形渐变，所谓锥形渐变：它围绕一个中心点旋转，颜色沿着圆周方向变化。_使用css3做锥形渐变
2025-02-22 15:02:10
531
889
CSS3 的 Flex 弹性布局和 Grid 网格布局已经成为前端页面排版的主流选择。本次挑战将使用这两种布局方式来画一只考拉。准备步骤├── styles.css└── index.htmlstyles.css 是页面样式文件。index.html 是页面布局结构。选中 index.html 右键启动 Web Server 服务（Open with Live Server），让项目运行起来。打开环境右侧的 Web 服务，就可以在浏览器中看到未完成的考拉。目标效果创造