CSS样式
搜集整理一些有趣的样式
写bug断了电
贵在坚持
展开
-
css网格背景样式
css网格背景样式原创 2024-05-31 10:22:26 · 129 阅读 · 0 评论 -
driver.js自定义用户引导样式
Driver.js 是一个强大的,轻量级,使用原生 JavaScript 引擎开发的库,用于在页面聚焦用户的关注点。它支持所有主流浏览器,并且可高度自定义。Driver.js 并不仅仅是一个指南性质的库,其用户场景非常广泛,能够用于任何需要为页面构建浮层的情况,譬如当用户需要与某些元素交互而隐藏其他元素的场景。功能特性使用简单,无外部依赖极轻量,约~4kb,原生 JavaScript 引擎开发API 功能强大,高度可定制可着重(突出)显示页面上的任何元素。原创 2023-04-06 16:19:47 · 1585 阅读 · 0 评论 -
CSS遮罩层样式
<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>遮罩层样式<.原创 2022-04-13 13:59:37 · 487 阅读 · 0 评论 -
CSS弯月
效果代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>弯月</title> <style> .center { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; widt原创 2022-03-28 15:06:08 · 668 阅读 · 0 评论 -
CSS挥手的小企鹅
效果一代码一<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>睁眼小企鹅</title> <style> .penguin { --penguin-skin: black; position: relative; margin: auto; display: block; margi原创 2022-03-28 14:54:00 · 177 阅读 · 0 评论 -
CSS粉色爱心
效果代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>粉色爱心❤样式</title> <style> .heart { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0;原创 2022-03-28 14:25:40 · 1046 阅读 · 0 评论