css
文章平均质量分 74
前端菜菜子
前端菜鸟
展开
-
常见的几种绝对居中的方法
绝对居中方法一.parent { display: flex; justify-content: center; align-items: center; }方法二.parent { width: 100px; height: 100px; position: relative; background: #f91; } .child { width: 40px; height:原创 2020-06-05 15:10:40 · 1720 阅读 · 0 评论 -
自定义滚动条后textarea resize拖拉位置出现边框
CSS3自定义滚动条样式自定义滚动条实现此部分针对webkit内核的浏览器,使用伪类来改变滚动条的默认样式,详情如下:滚动条组成部分::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或向左向右移动)::-webkit-scrollbar-track 滚动条的轨道(里面装有Thumb)::-webkit-scrollbar-button 滚动条的轨道的两端按钮,由于通过点击微调小方块的位置。::-we原创 2020-06-05 14:16:09 · 578 阅读 · 0 评论 -
IOS手机长按识别图片二维码,无法弹出识别的二维码而是整个图片被弹出
IOS手机长按识别图片二维码,无法弹出识别的二维码而是整个图片被弹出解决方案:img { -webkit-touch-callout: none;}// ps:亲测有效原创 2020-05-28 17:28:01 · 2038 阅读 · 0 评论 -
常用的css效果(文字分散对齐、文本溢出显示省略号)
文字分散对齐<style> .demo { text-align:justify; text-justify:distribute-all-lines; text-align-last:justify; }</style><span class="demo">标题</span><span class="demo">内容&...原创 2019-06-21 17:16:17 · 1093 阅读 · 0 评论 -
文字闪动效果
CSS3属性text-shadow首先你需要了解text-shadow属性多个阴影 text-shadow:h-shadow v-shadow blur color,h-shadow v-shadow blur color,......;实现文字闪动效果利用js控制文字阴影的切换显示实现闪动的效果<!DOCTYPE html><html lang="en...原创 2019-06-27 11:41:11 · 410 阅读 · 0 评论 -
SVG滤镜实现粘连效果
第一次见到这种效果时,卧槽这个效果有点吊啊-----怎么实现的呢?我找了半天也没有找到,后来被我给找到了!html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-...原创 2019-07-15 14:47:41 · 224 阅读 · 0 评论 -
css3相关知识
一、transition–过渡transition语法transition: property duration timing-function delay;transition的相关属性transition-property: 指定想要进行过渡的属性 transition-property: none||all||property none:没有属性过渡 all...原创 2019-09-05 11:08:34 · 83 阅读 · 0 评论