06 2022 档案

漂浮的广告位
摘要：<!-- run --> <style> #ad{ font-size: 30px; font-weight: bold; position: fixed; display: flex; width: 200px; height: 200px; color: white; border-radius 阅读全文
posted @ 2022-06-20 20:30 CoderWGB 阅读(5) 评论(0) 推荐(0) 编辑
Python小工具: 调试websocket
该文被密码保护。
posted @ 2022-06-20 20:25 CoderWGB 阅读(0) 评论(0) 推荐(0) 编辑
HTML+CSS画一个小黄人
摘要：<!-- run --> <style type="text/css"> /**************小黄人的身体***************/ body{ margin: 0; padding: 0 } .wrapper{ width: 500px; height: 800px; margin 阅读全文
posted @ 2022-06-11 15:55 CoderWGB 阅读(220) 评论(0) 推荐(0) 编辑
50Days50Projects之day06-文字自动打印出场效果
摘要：<!-- run --> <style> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap'); :root { --green-color: #136a10; } .box { fon 阅读全文
posted @ 2022-06-09 23:42 CoderWGB 阅读(31) 评论(0) 推荐(0) 编辑
50Days50Projects之day05-随机图片展示效果
摘要：<!-- run --> <style> .box { font-family: 'Barlow', sans-serif; display: flex; flex-direction: column; justify-content: center; align-items: center; mi 阅读全文
posted @ 2022-06-09 23:30 CoderWGB 阅读(28) 评论(0) 推荐(0) 编辑
50Days50Projects之day04-登录框表单效果
摘要：<!-- run --> <style> @import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); :root { --red-color: #d22731; } .container { box-sizi 阅读全文
posted @ 2022-06-09 22:57 CoderWGB 阅读(30) 评论(0) 推荐(0) 编辑
50Days50Projects之day03-搜索框交互效果
摘要：<!-- run --> <style> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap'); .container { box-sizing: border-box; font-fa 阅读全文
posted @ 2022-06-09 22:43 CoderWGB 阅读(20) 评论(0) 推荐(0) 编辑
50Days50Projects之day02-进度步骤效果
摘要：<!-- run --> <style> :root{ --line-border-fill: #ff4d6d; --line-border-empty: #dee2e6; } .container{ align-items: center; justify-content: center; hei 阅读全文
posted @ 2022-06-09 22:31 CoderWGB 阅读(22) 评论(0) 推荐(0) 编辑
50Days50Projects之day01-手风琴效果
摘要：<!-- run --> <style> .container { display: flex; width: 90vw; } .panel{ background-size: auto 100%; background-position: center; background-repeat: no 阅读全文
posted @ 2022-06-09 22:12 CoderWGB 阅读(56) 评论(0) 推荐(0) 编辑