css
文章平均质量分 74
一些关于css的笔记
不愿意做鱼的小鲸鱼
路漫漫其修远兮,不以物喜,不以己悲,空杯心态,但使愿无违,,,
展开
-
新拟物化UI设计
在我的个人博客上观看效果更佳:http://qkongtao.cn/目录什么是新拟物化怎么实现新拟物风格设计Toolbox工具箱UI社拟物化风格大赏新拟物风格作品欣赏一些新拟物的代码收集什么是新拟物化 新拟物化,是在扁平的基础上呈现真实物体质感的设计风格, 核心思想是模拟光的斜向照射效果 ,用阴影显出“高光”和“阴影”。 新拟物界面设计(Neomorphic UI Design)是2020年在互联网上非常火热的一种前端界面设计方式, 这种设计风格在传统的扁平的基础上增加了拟物的投影效果,.原创 2021-08-14 00:05:45 · 2153 阅读 · 0 评论 -
几个js实用代码——动态加载时间、滚动条优化、两个数组转化为map对象等
目录1. 当页面加载时间调用代码如下效果如下2. 滚动条优化代码如下效果如下3. 两个数组转化为map对象代码如下效果如下4. 好看的按钮特效效果如下代码下载5. particles.js背景特效效果如下代码下载1. 当页面加载时间调用代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w原创 2021-01-03 23:01:28 · 462 阅读 · 0 评论 -
UI框架——后台管理系统模板
asd原创 2020-05-20 22:50:06 · 2185 阅读 · 0 评论 -
Get几个小技能——悬浮音乐播放器、字体压缩和打印效果
目录悬浮音乐播放器的使用字体打印效果第一种:使用字符串切割,函数回调第二种:在jQuery上挂载一个原型字体压缩总结悬浮音乐播放器的使用 之前也使用过悬浮音乐播放器,但是是在自己的个人博客中使用的,但如果想要在自己做的网页中如何使用悬浮音乐播放器呢?试用过了很多的方法,没有找到好用的悬浮音乐播放器的源码,最后使用了以下这个方达,感觉效果真的很不错!首先是要在这个网站上注册一个账号https://player.lmih.cn/然后就可以进入后台页面管理自己的音乐原创 2020-05-10 10:51:36 · 556 阅读 · 0 评论 -
echarts中地图和基本统计图的简单使用
目录中国地图1. 效果如下2. 需要引入的文件3. 样例代码如下省份地图1. 效果如下2. 需要引入的文件3. 需要请求获取省份的数据(json文件)4. 样例代码如下条形、折线统计图1. 效果如下2. 需要引入的文件3. 样例代码如下总结中国地图1. 效果如下2. 需要引入的文件 <script src="https://cdn.bootcss.com/jquery/2.2.1/...原创 2020-04-29 23:46:45 · 1566 阅读 · 0 评论 -
wordpress字体样式——css炫酷的字体样式实现
demo1:css实现颜色变化效果如图所示[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-u3p8SWGp-1582209931083)(http://qkongtao.cn/wp-content/uploads/2020/01/GIF1.gif)]实现代码如下<!DOCTYPE html><html lang="en"><h...原创 2020-02-20 22:46:03 · 1383 阅读 · 0 评论 -
css更改鼠标指针样式,几种鼠标点击效果
更改鼠标指针样式1. 鼠标指针的不同样式平常,我们在浏览界面时,会发现鼠标的样式有所不同,鼠标的样式变化和cursor属性有关。cursor属性的几个关键字:default、pointer、wait、help、text、crosshair。default:默认光标;pointer:超链接的指针;wait:表示程序正在忙;help:指示可用帮助;text:指示文本;crosshair...原创 2020-03-15 12:47:31 · 12975 阅读 · 8 评论 -
CSS3变形、渐变、动画的基本使用
CSS3 变形2D转换CSS3 转换可以对元素进行移动、缩放、转动、拉长或拉伸。转换的效果是让某个元素改变形状,大小和位置。您可以使用 2D 或 3D 转换来转换您的元素。2D变换方法:translate()rotate()scale()skew()具体的详情描述可以看:菜鸟教程简单使用代码<!DOCTYPE html><html><...原创 2020-03-13 01:00:36 · 1357 阅读 · 0 评论 -
get几个小技能:轮播图插件、进度条插件、筛选过滤插件
最近参加了一个网页设计大赛,趁这个机会做了一个个人简历的网页:点击欣赏用到了许多有趣的东西们今天分享一下。轮播图插件Swiper轮播图插件Swiper 的结构和基础原理Swiper 的每个展示块(屏)为一个slide,slide中放置图片或文字等展示的内容,全部slide排成一行(或多行)包含在包装器wrapper中,而总容器container 又包裹着wrapper和箭头按钮控件nav...原创 2020-03-10 01:26:22 · 466 阅读 · 0 评论 -
回顾div+css几种经典布局
三列布局什么是三列布局经典的三栏布局:左右量栏固定,中间宽度自适应可以利用浮动,定位,fiex布局,gird布局等方法来实现以下是几种可以实现三列布局的方法,各有优缺点<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="...原创 2020-02-20 22:51:38 · 718 阅读 · 0 评论