- 博客(8)
- 收藏
- 关注
原创 加载效果
htmm <div id="loading-btn"> <button><span>Hover me</span></button> </div> CSS #loading-btn { display: flex; align-items: center; justify-content: center; height: 100vh; } button { background: transparent; .
2020-09-03 15:50:43 198
原创 闪亮效果
html <div id="shiny-shadow"> <button><span>Hover me</span></button> </div> CSS #shiny-shadow { display: flex; align-items: center; justify-content: center; height: 100vh; background: #1c2541; } button { b
2020-09-03 15:49:28 86
原创 圆角效果
HTML <div id="border-btn"> <button>Hover me</button> </div>```` CSS #border-btn { display: flex; align-items: center; justify-content: center; height: 100vh; } button { border: 0; border-radius: 10px; background: ..
2020-09-03 15:47:55 92
原创 冰冻效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #frozen-btn { display:.
2020-09-03 15:45:22 127
原创 2020-09-03
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #circle-btn { display:
2020-09-03 15:41:27 71
原创 边框效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #draw-border { display.
2020-09-03 15:38:54 77
原创 button样式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #neon-btn { display: f.
2020-09-03 15:36:11 168
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人