css
文章平均质量分 72
fatansitic
不忘初心
展开
-
border制作带箭头的提示框等好看的效果
带三角形进度条提示框原创 2015-12-12 21:42:42 · 3094 阅读 · 0 评论 -
隐藏div的几种常见方法
面试的时候被问了有几种方法实现让一个div隐藏,被面的时候脑子一片空白,现在稍微冷静地研究了一番,来总结一下吧! 1.display:none; 2.visibility:hidden; 3.background-color:transparent;或者设成与背景一样的颜色即可 4.opacity来设置不透明级别,注意兼容性filter… 5.给div一个margin负值,这个负值恰好等于原创 2016-03-02 22:20:06 · 58735 阅读 · 0 评论 -
css3盒布局
自适应布局这些在css3还么有出现的时候需要用比较复杂的代码来实现,然而现在用两行代码就可以轻松搞定,是不是棒棒!css3里的盒布局可以帮我们轻松布局,来看哈吧~开启盒布局模式兼容版:display:box;//目前还没有浏览器支持boxdisplay:-moz-box;//兼容gecko内核display:-webkit-box;//兼容webkit内核简单介原创 2016-04-19 21:19:42 · 481 阅读 · 0 评论 -
滑动门效果
滑动门特效和手风琴效果有些相似,来实现一下这个效果吧,先介绍一下这个效果中涉及的需要了解的知识点。1堆叠方法:滑动门效果中,有堆叠效果布局,一说到堆叠布局,脑中马上蹦出来的两个方法,一个是z-index,另一个就是定位。实现:z-indx通过改变数值的大小,进行堆叠布局。 定位主要用到相对定位和绝对定位,所有的子元素相对于父元素进行定位,通过js或者css控制子元素的位置。原创 2016-07-24 17:58:05 · 996 阅读 · 0 评论 -
拖放事件原理及实现详解
移动端现在正是发展高潮期,一说到移动端就会想到的前端技术就是H5啦,它就像一种时尚潮流,now是它的主场,就任性地带着移动端头也不回地走向最高峰~最近再写一个简单的图片拖拽上传,所以就给大家说下这个拖拽。先分析一哈拖拽整个过程,方便大家理解哈,在拖拽某元素时,会依次触发以下事件:dragstartdragdragendps:在选中被拖动元素时,开始移动鼠标时,会触发drag原创 2016-07-18 19:12:56 · 3074 阅读 · 0 评论