随笔分类 -  CSS

移动端按钮长按弹出，长按移动，松开选定
摘要：目录 演示 原理 touch对象 touch事件 targetTouches和touches的区别 实现（代码部分） 演示 第1个交互是点击弹出隐藏按钮 第2个交互是长按“百度”按钮，然后弹出隐藏按钮，然后保持长按向上移动，触点经过的按钮会有特效，松开就会选定并跳转。 原理 通过对touchstar 阅读全文
posted @ 2021-09-06 17:16 叶际参差 阅读(1045) 评论(0) 推荐(0) 编辑
消除a标签的默认样式
摘要：.link-items a{ color: inherit; /*字体颜色跟随父元素*/ } .link-items a:link{ text-decoration:none; } .link-items a:visited{ text-decoration:none; } .link-items 阅读全文
posted @ 2021-08-31 22:28 叶际参差 阅读(439) 评论(0) 推荐(0) 编辑
用CSS修改滚动条样式
摘要：用::-webkit-scrollbar CSS伪类选择器可以修改滚动条样式，但仅限于webkit内核的浏览器，如Google和Edge浏览器就适用，而Firefox则不适用。 ::-webkit-scrollbar还只是草案，而且该特性是非标准的，请尽量不要在生产环境中使用它！ 以下效果均在Goo 阅读全文
posted @ 2021-08-28 16:40 叶际参差 阅读(3179) 评论(0) 推荐(0) 编辑
博客装修计划--添加标题背景
摘要：#blogTitle添加背景 修改前： 修改后： 最终修改的代码： #blogTitle{ background-image:url(https://images.cnblogs.com/cnblogs_com/liulangbxc/1949195/o_210627081116pixelisland 阅读全文
posted @ 2021-06-27 17:24 叶际参差 阅读(92) 评论(0) 推荐(0) 编辑
CSS绘制三角形
摘要：绘制三角形关键在于控制盒子模型的border属性。 <!DOCTYPE html> <html> <style> #triangle-origin{ width:0; height:0; margin:10px auto; border:50px solid transparent; border- 阅读全文
posted @ 2021-06-08 15:46 叶际参差 阅读(140) 评论(0) 推荐(0) 编辑