随笔分类 -  html

摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable= 阅读全文
posted @ 2022-05-19 15:23 钧一 阅读(3817) 评论(0) 推荐(0)
摘要:<!DOCTYPE HTML> <html> <head> <meta charset=UTF-8> <title></title> </head> <body> <style type="text/css"> #rotate3D { width: 80px; height: 70px; color: white; position: relative; font-weight: bold; fo 阅读全文
posted @ 2019-08-09 18:28 钧一 阅读(257) 评论(0) 推荐(0)
摘要:<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><style>#myProgress { width: 100%; height: 30px; position: relative; background- 阅读全文
posted @ 2019-08-09 18:11 钧一 阅读(367) 评论(0) 推荐(0)
摘要:<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body> <button onclick="stopColor()">停止切换</button> <script>var myVar = setInter 阅读全文
posted @ 2019-08-09 18:09 钧一 阅读(4407) 评论(0) 推荐(3)
摘要:<!DOCTYPE html> <html> <head> <style> .anim{ width: 100px; height: 100px; background-color: red; } .anim-show { transition: 0.7s; transform:translate(100px,100px) scale(1.5); } .anim-show1 { transitio 阅读全文
posted @ 2019-08-09 16:29 钧一 阅读(713) 评论(0) 推荐(0)
摘要:图片拖放 阅读全文
posted @ 2019-08-09 15:23 钧一 阅读(422) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <style> .anim-show { width:100px; height:100px; background:red; position:relative; animation-name:mymove; animation-duration:5s;/* 5s表示执行动画的时间,0或不写则无动画效果 */ /* 兼容调试如果anim 阅读全文
posted @ 2019-08-09 15:19 钧一 阅读(993) 评论(0) 推荐(0)
摘要:有很多网站上面都存在着视频的,但是这个是怎么实现的呢?话不多说,直接上代码 阅读全文
posted @ 2019-08-09 11:12 钧一 阅读(518) 评论(0) 推荐(0)
摘要:给标签div设一个id值 <div id="aa"><div> a标签抓取id值,点击跳过去 <a href="#aa"></a> 阅读全文
posted @ 2019-02-21 15:34 钧一 阅读(6282) 评论(0) 推荐(1)
摘要:image里添加此属性 vertical-align:middle; 阅读全文
posted @ 2019-02-08 13:47 钧一 阅读(273) 评论(0) 推荐(0)