随笔分类 -  趣味css

css 画的动画表情
摘要：Document (顶赞) (喜欢) (哈哈) ... 阅读全文
posted @ 2018-09-28 21:01 正举 阅读(256) 评论(0) 推荐(0)
css 字符图标浏览器自带
摘要：项目中用到的一些特殊字符和图标 html代码 css代码 效果图 就是一个圆圈里面带个叉叉 特殊字符和形状可以省去很多事情，整理了一下网上的，留着以后用 基本形状 ▲ 9650 25B2 ► 9658 25BA ► 9658 25BA ▼ 9660 25BC◄ 9668 25C4 ❤ 10084 2 阅读全文
posted @ 2018-09-07 14:22 正举 阅读(489) 评论(0) 推荐(0)
css绝对居中img
摘要：html: css: 阅读全文
posted @ 2018-07-26 19:47 正举 阅读(292) 评论(0) 推荐(0)
css让元素不可点击 pointer-events: none;
摘要：张鑫旭大神：http://www.zhangxinxu.com/wordpress/2011/12/css3-pointer-events-none-javascript/ 我们知道form元素里的 disabled 禁用元素 但是我们想让一个div或者p标签也不可以点击就用css里的pointer 阅读全文
posted @ 2018-05-15 15:17 正举 阅读(3518) 评论(0) 推荐(0)
移动端禁止图片长按和vivo手机点击img标签放大图片,禁止长按识别二维码或保存图片【转载】
摘要：移动端禁止图片长按和vivo手机点击img标签放大图片,禁止长按识别二维码或保存图片 img{ pointer-events: none; } 源文地址：https://www.cnblogs.com/liuqingxia/p/8716475.html 阅读全文
posted @ 2018-04-13 16:24 正举 阅读(3928) 评论(0) 推荐(0)
纯css导航下划线跟随效果【转载】
摘要：css: ul { display: flex; position: absolute; width: 800px; top: 50%; left: 50%; transform: translate(-50%, -50%); list-style: none; } li { position: relative; pa... 阅读全文
posted @ 2018-04-09 16:12 正举 阅读(434) 评论(0) 推荐(0)
css写无缝滚动
摘要：html结构： css css动画： 阅读全文
posted @ 2018-01-31 13:52 正举 阅读(197) 评论(0) 推荐(0)
CSS让文字在元素内绝对居中！！！【ie和谷歌】
摘要：Title 这种方式既可以兼容谷歌又可以强上了IE 阅读全文
posted @ 2017-11-17 14:58 正举 阅读(714) 评论(0) 推荐(0)
cssBase.css你应该有一个
摘要：@charset "utf-8"; /*! * @名称：base.css * @功能：1、重设浏览器默认样式 * 2、设置通用原子类 */ /* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */ html { background:white; color:black; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body,div,d... 阅读全文
posted @ 2017-06-12 10:13 正举 阅读(182) 评论(0) 推荐(0)
css3玩转各种效果【资源】
摘要：css3玩转各种按钮效果【资源】 点击下载 css3各种拐弯箭头-包括循环旋转 点击下载 不定期更新，下班了…… 阅读全文
posted @ 2017-02-10 18:32 正举 阅读(218) 评论(0) 推荐(0)
css3翻书效果
摘要：强大的css3不需要解释，代码分层理解【直接复制】，很有意思。 效果图： 最后还是个响应式的。。。 阅读全文
posted @ 2017-02-10 17:40 正举 阅读(517) 评论(0) 推荐(0)
使用css做图标
摘要：首先原理是： 请一步一步粘贴代码，慢慢品味。其实，很简单。。。 1.首先三角形的前身是一个普通的矩形-正方形||长方形？ok！ 没错，使用边框属性，我们得到了一个长方形。 然后，我们弄些三角出来。 你i想要哪个方向的三角，就在border上取哪个方向的就可以了。 原理： 每一个对角是一个三角形。 盒 阅读全文
posted @ 2017-02-09 18:07 正举 阅读(1001) 评论(0) 推荐(0)
使用css让文字两端对齐
摘要：text-align:justify; text-justify:distribute-all-lines; text-align-last:justify;可以让文字实现两端对齐 阅读全文
posted @ 2017-01-24 09:39 正举 阅读(409) 评论(0) 推荐(0)
table表格，让thead固定，tbody有滚动条，关键是都对齐的纯css写法。
摘要：找了好久才找到一篇可以简单粗暴就能用的，所以拿过来算是收藏了。里面有一个css2里的命令是我没用过的也是这里面关键的：table-layout:fixed; 原理很简单，有爱研究的童鞋可以去css官网看看说明文档。 直接贴代码： <!DOCTYPE HTML><html><head><meta ht 阅读全文
posted @ 2017-01-02 14:40 正举 阅读(35491) 评论(5) 推荐(2)