HTML
文章平均质量分 60
DevilAngelia
学无止境
展开
-
jquery鼠标移动、点击页面出现爱心
爱心1、css画一个爱心.main{ width: 20px; position: fixed;}// 圆形一.disc1{ width: 20px; height: 20px; border-radius: 100%; /*background: red;*/ position: absolute; top: 0; left: 0; z-index: 2;}// 圆形二.disc2{ width: 20原创 2021-08-24 17:20:08 · 438 阅读 · 0 评论 -
CSS 计数器 九宫格 超出9个显示多出的数量
一、CSS 计数器counter-reset - 创建或者重置计数器counter-increment - 递增变量content - 插入生成的内容counter() 或 counters() 函数 - 将计数器的值添加到元素使用在元素父级创建一个计数器.list { counter-reset: count;}子级中使用伪类显示数量.item::after { counter-increment: count;}二、实践先预览一下吧CSS代码* {原创 2021-07-14 16:18:49 · 279 阅读 · 0 评论 -
表单滑动验证
滑动验证效果—↓↓↓滑动前滑动中滑动完成代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>滑动验证</title> <link rel="stylesheet" type原创 2021-06-18 11:50:18 · 190 阅读 · 0 评论 -
纯CSS 3D旋转立体画册 第一弹
纯CSS 3D旋转立体画册 第一弹效果外层盒子+动画效果盒子鼠标移入HTML<div class="content flex col-center row-center"> <div class="hover"> <!-- 立方体三维图片展示 --> <div class="box"> <div class="item"></div> <div class="item"></di原创 2021-06-17 18:23:31 · 203 阅读 · 0 评论