程序源码 - 墨桅博客

HTML/CSS/JS 时间轴

CSS * { border: 0; box-sizing: border-box; margin: 0; padding: 0; } :root { --hue: 223; --bg: hsl(var(--hue),10%,90%); --fg: hsl(var(--hue),10%,10%); --primary: hsl(var(--hue),90%,...

# HTML # CSS # JS

墨桅8天前

0309

HTML/CSS 下雪效果

CSS body { height: 100vh; background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%); overflow: hidden; filter: drop-shadow(0 0 10px white); } .snow { position: absol...

# HTML # CSS # 下雪效果

墨桅8天前

04813

CSS 设置卡片(card)样式

<!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initia...

# CSS # 卡片样式

墨桅8天前

0408

有意思的进度条 – 死神来了

css: html { font-size: 1em; line-height: 1.4; } html, body { height: 100%; } body { margin: 0; padding: 0; background: #000; } #deadline { width:581px; max-width: 100%; height:158p...

# 进度条

墨桅8天前

03615

CSS 渐变按钮

css: .gradient-btn { padding: 12px 24px; border: none; border-radius: 30px; color: white; font-size: 16px; font-weight: bold; cursor: pointer; margin: 10px; transition: all 0.3s ea...

# CSS # 渐变按钮

墨桅8天前

0415

Html本地图片拼接工具源码 v1.0

软件介绍自用的本地图片拼接工具，这是一个纯前端的在线拼图页面，支持在浏览器中直接选择或拖拽多张本地图片进行拼接，无需上传到服务器，充分保护图片隐私。工具支持横向、竖向、宫格三种拼...

# 源码 # HTML # 工具

墨桅13天前

03348

HTML版离线PDF多功能工具箱

软件介绍该版本使用pdf-lib的开源库，把这些功能全写进了一个HTML文件里。对，就是一个网页文件，双击就能在浏览器里打开。体积很小，界面干净，没有任何广告。最关键的是，你的文件从头到...

# HTML # PDF # 工具箱

墨桅13天前

0518

给你的网站侧边栏添加一个短横幅

给你的网站侧边栏添加一个短横幅，源码分享鼠标经过浮动效果演示： .index-ad2 { width: 100%; border-radius: 5px; margin-top: 11px; position: relative; } .index-ad2 li { margin-bottom...

# 源码 # 短横幅

墨桅14天前

06313