html
IABQL
记录自己学习的笔记,欢迎指正
展开
-
侧边伸缩导航栏
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>侧边伸缩导航栏</title> <link rel="stylesheet"type="text/css" href="../plastic_ico/font-awesome-4.7.0/css/font-awesome.min.css"> <...原创 2021-09-17 17:21:42 · 1385 阅读 · 0 评论 -
闪亮玻璃图标悬浮效果
效果展示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 利用<i>标签设计的图标需要引入css css样式下载地址:https://www.thinkcmf.com/font_awesome.html 将下载的包放入项目中,并引用其..原创 2021-09-17 16:36:55 · 196 阅读 · 0 评论 -
弹性导航栏,导航栏滑动特效
效果展示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://kit.fontawesome.com/a076d05399.js"></script> <style> .wrappe..原创 2021-09-16 11:48:03 · 482 阅读 · 0 评论 -
html+css实现加载动画特效
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } body{ /*居中显示*/ display: flex; align-items: cente...原创 2021-09-13 22:01:13 · 296 阅读 · 0 评论 -
html+css实现加载特效
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; display: flex; align-items: center; justify-content: c...原创 2021-09-13 21:52:22 · 211 阅读 · 0 评论