大家好,我是梦想成为全栈工程师老沈,最近java都不怎么写了,在研究前端,今天呀,看到了我从未见过的css写法,跟往常不一样
我几乎没有在任何开源的源码上见到。
--下面是图
QQ图片20180723190118.jpg
这种写法简直酷炫到没朋友!!!
2.如何快速的写一个梯形
请原谅我至今还没有搞懂这样写法的原理
<div id="leftnav">
</div>
--定义一个容器
css:
border-bottom:949px solid #F14248;
border-right: 248px solid transparent;
--这个是直角梯形,如果是三角梯形的话,就要加一个border-left
--解释一下,transparent的意思就是黑色透明,类似rgb(0,0,0,0);
--等于说它还是一个div块,但是他的边都是透明的,而且这个边很宽,所以就形成了一个梯形
3.介绍2个小小的插件
--最近在做一个横屏的pc站点,滑轮滑动之后整个视图就会往右走,无奈没有做过这种,只好有一个插件
<script src="js/jquery.mousewheel.js"></script>
--关于鼠标滑轮的插件,任何有关于鼠标滑轮的效果都能轻易的做出来。
--第二个插件就是关于一个浏览器拖动条的插件,拖动条很丑的话就可以用这个插件,一步就可以做!!
<script src="js/jquery.nicescroll.js"></script>
--我用的是一个有动态感知的一个滚动条,普通的滚动条样式还是去nicescroll官网上去看看吧!
--二个插件必须是基于jqury,先引入jq文件,才能有效,必须是在准备函数中写,要不然会出错!

拜拜,明天会有更多教程分享,每天有分享,证明我每天都有进步!

标签: none

添加新评论