标签归档:css3

虚拟运营商UED前端小组4月25号分享总结

1.css3卡牌翻转效果2. 不声明第三个变量的值交换3.Zen Coding基本使用 继续阅读

发表在 CSS & HTML, html5 | 标签为 , , , | 留下评论

用HTML5/CSS3给女朋友送个生日蛋糕

现在有了 HTML5,我们在浏览器上制作动画已经不是什么难事了,但是一个好的创意却很难,比如说用技术来博得女孩子的喜欢。今天我们分享的这款生日蛋糕动画非常有创意,它是用 svg 来做的,利用 HTML5 的 api 让制作蛋糕的过程展示出来,这个蛋糕在妹子生日的时候送给她一定会让她觉得很惊奇。祝你成功哦! 继续阅读

发表在 html5 | 标签为 , , | 留下评论

手机端网页添加active状态效果_add active state in mobile page

1.需要把链接在移动端上默认的一层半透明的层删掉
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
2.给document绑定一个`touchstart`事件
document.addEventListener(“touchstart”, function(){}, true); 继续阅读

发表在 CSS & HTML, web development, 移动端开发 | 标签为 , , , , | 留下评论

使用CSS3 3D transform实现网页3D效果_use css3 3d transform make 3d in page

在网页里面添加3d效果展示,需要在包裹内容的div wrap上加入perspective 透视属性,其子元素.cube要设置transform-style: preserve-3d;属性来进行3d显示,.cube 的子div需要设置transform的translate和rotate值来进行xyz轴的移动和旋转,以实现3d展示效果. 继续阅读

发表在 CSS & HTML, web development | 标签为 , | 留下评论

安卓浏览器页面事件穿透问题处理_Android browser event cross issue

在安卓端页面如果给一个div使用overflow:auto,并设定一个固定高度,里面可以滚动的内容会发生事件穿透,点击其他区域,都会触发点击div里面的内容.

解决这个问题的方法是设置一个不可见的div来挡住事件的穿透: 继续阅读

发表在 CSS & HTML | 标签为 , | 留下评论

css3 background-size图片显示的一点问题

background-size在设定背景图片大小的时候,background-size:100% auto;若是设定百分比则回依据断在div的宽度来显示图片,所以在做图片缩放的时候百分比更本不起作用。
最好的做法是把图片的宽度设定成适合的宽度: 继续阅读

发表在 CSS & HTML | 标签为 , | 留下评论