前端基础html,css,js
文章平均质量分 55
前端基础html,css,js
涤生啊
这个作者很懒,什么都没留下…
展开
-
文本在div中水平垂直居中
文本在div中水平垂直居中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> html,body{ height: 100%; } #div1{ border: 12px原创 2021-11-04 15:25:15 · 194 阅读 · 0 评论 -
前端刮刮乐特效
前端刮刮乐特效<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <tit原创 2021-11-18 13:49:17 · 202 阅读 · 0 评论 -
css实现聚光灯特效
效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } html,body{ wi原创 2021-11-05 17:22:30 · 564 阅读 · 0 评论 -
鼠标悬浮移动特效
鼠标悬浮移动特效效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body{ width: 100%; height: 100vh; background: gre原创 2021-11-10 13:54:33 · 421 阅读 · 0 评论 -
css中的setProperty()方法的理解
1.调用它需要js对象,不能是jquery对象 $("body")[0].style.setProperty("--xx",$("img")[0].width+"px");2.起名时,如果css中要用var()函数取值,名字必须以"–"开头.tt{ background-color: #1b1e21!important; transform: translate(var(--xx)); transition: 2s linear;}3.可以是任意的dom对象...原创 2021-11-08 16:24:58 · 2965 阅读 · 0 评论 -
pc登录模板
pc登录模板效果代码<html lang="en"><head> <meta charset="utf-8"> <!--响应式视口--> <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"> <title>登录</title> <!--bootstra原创 2021-11-09 15:38:47 · 266 阅读 · 0 评论 -
bootstrap轮播图模板
bootstrap轮播图模板效果代码<!DOCTYPE html><html lang="en"><head> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">原创 2021-11-09 20:56:17 · 1949 阅读 · 1 评论 -
前端调用摄像头录像
<!DOCTYPE html><html lang="en" ><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="box"> <video id="media" autoplay></video> <button原创 2022-04-10 12:05:01 · 799 阅读 · 0 评论 -
html元素的上下左右中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> html,body{ height: 100%; margin: 0; } #div1{ bord原创 2021-11-04 16:26:18 · 667 阅读 · 0 评论