首页
Liang’s 导航
小谅博客
Liang‘s Web-Notes
首页
Liang’s 导航
小谅博客
HTML&CSS
🌻
HTML-Notes
🌻
CSS 简介
🌻
CSS 基本选择器
🌻
CSS 基本样式
🌻
CSS 布局-显示模式
🌻
CSS 布局-盒子模型
🌻
CSS 布局-flex
🌻
CSS 布局-定位
🌻
CSS 布局-移动端
🌻
CSS 高级
JS
🌻
JavaScript 入门
🌻
JavaScript 函数与对象
🌻
JavaScript DOM
🌻
JavaScript BOM
Vue.js
🌻
Vue 简介与 HelloWorld
🌻
Vue 指令
🌻
Vue 模板语法
🌻
Vue 路由
🌻
Vue 组件通信
🌻
Vue pinia
Java
🌻
Java 简介
🌻
Java 基础语法
🌻
Java 面向对象
🌻
Java 常用 API
🌻
Java 正则表达式
🌻
Java 单元测试
MySQL
🌻
MySQL 入门
🌻
SQL-DDL-定义表
🌻
SQL-DML-增删改
🌻
SQL-DQL-单表查询
🌻
SQL-DQL-多表查询
🌻
SQL-DCL-权限定义
🌻
SQL-聚合函数
🌻
MySQL-内置函数
🌻
MySQL-高级-事务、存储过程、触发器、锁
🌻
MySQL-高级-运维
Redis
🌻
Redis 入门
SpringBoot
🌻
Maven 入门
🌻
Tomcat 入门
🌻
SpringBoot 入门
🌻
Mybatis
前端补充
🌻
Less
🌻
Sass
🌻
Bootstrap
🌻
Ajax-Axios
🌻
Nodejs
后端补充
🌻
MongoDB
🌻
Docker
🌻
CSS 高级
type
status
date
slug
summary
tags
category
icon
password
☀️
点击带三角形的标题可以展开收缩内容。
渐变
渐变是多个颜色逐渐变化的效果,一般用于设置盒子背景
线性渐变
径向渐变(圆)
线性渐变
渐变方向:可选
to 方位名词
角度度数
终点位置:可选
百分比
径向渐变
半径可以是2条,则为椭圆
圆心位置取值:像素单位数值 / 百分比 / 方位名词
动画
过渡:实现两个状态间的变化过程
动画:实现多个状态间的变化过程,动画过程可控(重复播放、最终画面、是否暂停)
定义动画
使用动画
动画名称和动画时长必须赋值
取值不分先后顺序
如果有两个时间值,第一个时间表示动画时长,第二个时间表示延迟时间
animation 拆分写法
example:
精灵动画
准备显示区域
盒子尺寸与一张精灵小图尺寸相同
定义动画
移动背景图(移动距离 = 精灵图宽度)
使用动画
steps(N),N 与精灵小图个数相同
多重动画
🌻
欢迎在下方留言讨论~
CSS 布局-移动端
JavaScript 入门
Loading...
目录
Last update: 2024-07-08
🎉
欢迎来到
《现代网站开发技术》
课程的开源文档笔记
🎉
文章
HTML&CSS
🌻
HTML-Notes
🌻
CSS 简介
🌻
CSS 基本选择器
🌻
CSS 基本样式
🌻
CSS 布局-显示模式
🌻
CSS 布局-盒子模型
🌻
CSS 布局-flex
🌻
CSS 布局-定位
🌻
CSS 布局-移动端
🌻
CSS 高级
JS
🌻
JavaScript 入门
🌻
JavaScript 函数与对象
🌻
JavaScript DOM
🌻
JavaScript BOM
Vue.js
🌻
Vue 简介与 HelloWorld
🌻
Vue 指令
🌻
Vue 模板语法
🌻
Vue 路由
🌻
Vue 组件通信
🌻
Vue pinia
Java
🌻
Java 简介
🌻
Java 基础语法
🌻
Java 面向对象
🌻
Java 常用 API
🌻
Java 正则表达式
🌻
Java 单元测试
MySQL
🌻
MySQL 入门
🌻
SQL-DDL-定义表
🌻
SQL-DML-增删改
🌻
SQL-DQL-单表查询
🌻
SQL-DQL-多表查询
🌻
SQL-DCL-权限定义
🌻
SQL-聚合函数
🌻
MySQL-内置函数
🌻
MySQL-高级-事务、存储过程、触发器、锁
🌻
MySQL-高级-运维
Redis
🌻
Redis 入门
SpringBoot
🌻
Maven 入门
🌻
Tomcat 入门
🌻
SpringBoot 入门
🌻
Mybatis
前端补充
🌻
Less
🌻
Sass
🌻
Bootstrap
🌻
Ajax-Axios
🌻
Nodejs
后端补充
🌻
MongoDB
🌻
Docker