HTML
关注
分享
扫一扫
码喽1号
这个作者很懒，什么都没留下…
展开
-
自定义三角形_带三角形的边框
自定义三角形_带三角形的边框 代码: 注意:父盒子需要定位 position: relative .leftMsg::before { box-sizing: content-box; width: 0px; height: 0px; position: absolute; left: -16px; top: 14px; padding: 0; border-right: 8px solid #ffffff; border-top: 4px solid transpare原创 2021-01-21 14:12:07 · 275 阅读 · 0 评论 -
爆炸效果轮播图
HTML带有爆炸效果的轮播图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style> body{原创 2020-09-11 16:10:31 · 473 阅读 · 0 评论 -
网格拖拽
鼠标点击拖动小方块，放开点击后小方块自动移入最近的一个固定的规则位置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style>原创 2020-09-10 17:34:23 · 467 阅读 · 0 评论 -
复制内容在后面添加版权信息
html复制网页内容，在后面添加版权信息 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style> body{原创 2020-09-10 17:29:23 · 245 阅读 · 0 评论 -
无缝轮播 / 自动轮播
无缝轮播 / 自动轮播 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style> .box{原创 2020-09-10 17:13:59 · 588 阅读 · 0 评论 -
fullPage / 单屏滚动
fullPage / 单屏滚动 非定时器版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style> *{原创 2020-09-10 17:02:16 · 353 阅读 · 0 评论