CSS3
文章平均质量分 62
小虾Suki
大虾。
展开
-
SASS报错 -
Hbuilder中使用SASS/SCSS 预编译时报错:Error: Invalid CSS after “red”: expected expression (e.g. 1px, bold), was “;”on line 2 of test.sassSASS文件中:编译出的CSS文件中报错:解决方式参考:将文件后缀名由sass改成scss。(建议一开始就新建sass文件而...原创 2019-10-29 10:41:50 · 1103 阅读 · 0 评论 -
轮播图前后页面切换按钮交互 - 宽高缩放效果
轮播图前后页面切换按钮交互 因为不喜欢千篇一律的鼠标悬停改变背景透明度的交互,项目中改写了swiper插件中自带的切换按钮样式,实现鼠标悬停时左右翻页箭头的大小变换交互:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>上下幻灯片切换按钮大小变换交互</title></head><s原创 2017-08-28 16:24:34 · 1188 阅读 · 0 评论 -
笔记:css3 transition 实现div宽度以中心为原点向两边伸长
参考原文章(问答): css3 transition width在变长的时候 能以中心为原点,向两边伸长吗? 我在项目中用来作为导航菜单的鼠标悬停交互 : 核心代码(CSS):.container { text-align: center; }.bar { width: 100px; display: inline-block;原创 2017-08-28 16:58:25 · 10887 阅读 · 0 评论 -
笔记:Echarts - 多柱子柱状图
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>echarts-多柱子柱状图</title> <link rel="stylesheet" href="css/chart.common.css"> <style> body, html { width: 10原创 2017-11-03 18:00:50 · 16570 阅读 · 1 评论 -
Swiper下的延迟加载
Swiper下的延迟加载原创 2017-11-17 15:41:37 · 5141 阅读 · 0 评论 -
web-kit 修改滚动条样式
在TypeScript官方文档里注意到的样式,算做个小笔记。 只在web-kit 浏览器中有效:效果: 代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&g原创 2018-03-01 16:10:01 · 401 阅读 · 0 评论