随笔分类 - CSS
摘要:元素闪烁很丑,难解决。 修改 Class 而不是 Style 我在不久前做过一个导航栏,要求其滚动到屏幕顶端后固定。很常见。开始的时候没问题,很快就可以搞定。 nav { position: absolute; top: 60px; } var scroll=0; var nav=$("nav");
阅读全文
摘要:Chrome渲染Transition时页面闪动Bug 2015年04月08日 13:46:12 阅读数:3053 前段时间,有同事和会员反馈使用Chrome访问淘宝首页会出现画面闪动的现象,但是我在Mac和Win下面的Chrome都无法重现这个问题,后来重装了一遍Win7下的Chrome Beta版
阅读全文
摘要:前段时间写鼠标悬停元素上移效果时,当鼠标恰好放在元素边缘时,chrome出现一直上下移动的问题,其他浏览器表现正常。原因尚不知,可能是实现方式不对吧(PS:使用top实现),虽然不知道原因,但是问题还是要解决的,分享一个能绕开的实现方式。 说到鼠标悬停元素上移,首先想到的是鼠标悬停时元素上移,然后应
阅读全文
摘要:align-items: center; justify-content: center; //水平 text-align: center; display: flex;
阅读全文
摘要:myLoading('加载中'); myLoading('加载完成', false); /*使用myLoading需要载入loading.css*/ window.myLoading = function (msg, isShow) { isShow = isShow !== false; if (isShow) { if (document.getEl...
阅读全文
摘要:最近需要做一个旋转转盘抽奖的小组件,初步考虑之后决定用操作背景元素CSS 中的transform rotate 来做。即控制transform属性不断增加转盘的偏转角度值,来达到转动效果。 使元素围绕中心根据角度偏转,在元素的transform属性中可以这样写: 关于transform的详细介绍可以
阅读全文
摘要:http://www.it1352.com/502262.html
阅读全文
摘要:对应css加个 -webkit-transform:translateZ(0)
阅读全文
摘要:将margin值为边框值的相反数就行 原图: .clear-box-border-weight { margin-right:-1px; margin-bottom:-1px; }
阅读全文
摘要:作为一名程序员,可以说有着较强的逻辑思维来编写程序代码,但是在界面设计上却常常因欠缺艺术思维而缺乏美观。在于前段开发的时候往往会碰到这样的窘境:能够用JavaScript实现功能、用CSS做好布局,但是在配色方面却显得无从下手。想要做Photoshop做一些效果图,却又不熟悉软件的使用,网上寻找到素
阅读全文