css3
菲尔不坏
对移动开发感兴趣的小小蚁民
展开
-
怎么去掉select边框和小三角,appearance用法
今天写微信网站的静态页面,想去掉select自带的小三角和边框,用以往的办法不行了,微信内置的是qq浏览. 以往的办法:设置select的边框为0px,背景设成透明(background: transparent;),这时候你会看到边框没有了,但是小三角还是在的. 再在select外面加个div,固定死div的宽度,并且加超出隐藏属性(overflow: hidden;)再设置se转载 2015-03-13 12:37:30 · 7974 阅读 · 0 评论 -
腾讯校园招聘 涟漪动画的实现
前言: 今天逛腾讯招聘校招页面的时候,发现页面上的4个按钮在hover状态的时候,有涟漪波动效果,作为一名正在不断学习的前端来说,模仿是必须的,因此,花了点时间完成了他的页面。 思路: 他的原图 思路1:通过设置border-radius属性,将原先块级元素设置为原型,然后通过css3 动画改编boder的大小和 颜色的alpha值,不过这个时候发现,当border的宽度到原创 2015-04-23 19:52:45 · 763 阅读 · 0 评论 -
Chrome渲染Transition时页面闪动Bug
前段时间,有同事和会员反馈使用Chrome访问淘宝首页会出现画面闪动的现象,但是我在Mac和Win下面的Chrome都无法重现这个问题,后来重装了一遍Win7下的Chrome Beta版本,终于重现了这个问题,正好研究解决下… 问题主要集中于淘宝首页吊顶以及左侧服务栏处,鼠标移过整个页面会闪动一次,Refresh和Reopen无法重现,只有当首次打开淘宝首页才会出现… 问题重现:转载 2015-04-08 13:46:12 · 5747 阅读 · 0 评论 -
仿拉勾网图片文字切换效果
原始效果自行见拉勾网。 demo以及代码在这原创 2015-05-26 16:54:05 · 1293 阅读 · 0 评论 -
通过CSS3,实现元素覆盖效果
在很多网站中,我们都可以看到这样的效果,当用户鼠标进入某一个元素后,下方就会有遮罩层上浮动画,如图: 今天我们就用hover伪类加上css3实现,没有使用任何JS #d1{ height: 100px; position: relative; width: 100px; overflow: hidden;原创 2015-06-05 10:40:32 · 4070 阅读 · 1 评论