- 博客(3)
- 收藏
- 关注
转载 Vh和Vw的简介和使用
Vw:视区宽度百分值Vh:视区高度百分值Vmin:取Vw或Vh中较小的那一个Vmax:取Vw或Vh中较大的那一个1.视区:是指浏览器内部的可视区域大小,即window.innerWidth/window.innerHeight大小,不包含任务栏标题栏以及底部工具栏的浏览器区域大小2.场景之元素的尺寸限制我们应该都做过或见过这样的交互:点击下图,弹框查看原始大图;或者一屏内(...
2018-09-15 15:14:12 9294 2
原创 CSS3实现三种切角效果
效果一:代码:<div class="cornerCut">corner cutcorner cutcorner cutcorner cut</div> CSS:.cornerCut{width:200px;margin: 10px 20px;height: 200px;background:#58a;color:#fff;text-...
2018-09-10 19:10:44 13511 1
原创 CSS3实现菱形的两种方法
第一种:(这种方法需要额外的html标签。代码不够简洁,直观,如果图片是非正方形,会出bug)<div class="prismaticPic"><img src="xunLeiFenShares.png" alt=""></div>css:.prismaticPic{width:100px;margin: 20px 30px;trans..
2018-09-09 17:03:44 11545
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人