css
奥吼吼~~
这个作者很懒,什么都没留下…
展开
-
grid布局笔记
它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。Grid 布局与 Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。grid-template-columns列内设置规定的宽度大小grid-template-rows行内设置规定的高度大小grid-auto-columns列内没有被设置的宽度大小grid-auto-rows行内没有被设置的高度大小 display原创 2021-06-28 18:14:44 · 357 阅读 · 1 评论 -
prefixfree.min.js 的用途
简单而言,这东西就是自动加前缀的,在link中,或是style中,或是dom元素的style中书写CSS3 code,或是jQuery .css()方法此脚本会自动补上需要的前缀,让响应的浏览器支持该CSS3属性避免了一些老长的浏览器前缀兼容性,比如:使用方法:在文档开始头部调用;...转载 2021-06-09 14:06:20 · 211 阅读 · 2 评论 -
css水球效果
原理:这个效果在网上挺常见的,所以我也写篇文章记录记录。原理是比较简单的,大致上就是有一个背景色为蓝色的圆形;然后圆形上面有一个或两个有弧度的白色方形盒子在旋转,通过白色遮住蓝色形成像是波浪的视差。实现:1.定义两盒子,quan就是那个圆形,shui就是圆里蓝色的背景;<div class="quan"> <div class="shui"></div> </div>2.基本样式,这样大致上就是得到一个蓝色背景的圆,细节就不说转载 2021-01-04 14:07:14 · 466 阅读 · 2 评论 -
css实现内容过多时隐藏并显示.....
.overflow_hidden{ display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: ve...原创 2020-03-25 23:47:42 · 1417 阅读 · 0 评论