![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+css
毅江
这个作者很懒,什么都没留下…
展开
-
data-(html5)自定义属性
h2 class="h" data-zj="jy">我是自定义的属性h2> h2[data-zj="jy"]{ color:#FFFF33;} h2[data-zj="jy"]:hover:after{ content:attr(data-zj); } 1.data-是自定义属性的写法,后面接你的属性名字如:zj。 2.h2[data-zj="j转载 2016-11-16 09:30:42 · 395 阅读 · 0 评论 -
css 开门-透视perspective动画效果
IE9及其以下版本完全不支持CSS 3D transforms技术,Opera 12也不支持。具体支持信息请查看caniuse.com。 CSS动画是当前一种非常火爆的技术,我说的并不是一些简单的颜色变换或长短属性变换,我说的是3D变换技术;纯CSS实现的翻滚旋转立方体就是最典型的例子。网上能找到很多关于CSS动画的代码,但对于一个程序员来说,真正理解其为什么会动起来的原理是非常重要的。转载 2017-05-17 20:01:53 · 2971 阅读 · 0 评论 -
ios 微信浏览器下 input失去焦点后 软键盘收起后 被撑起上移动的页面 没有归位
在iOS微信浏览器下 input 获取焦点软键盘弹起把页面整体往上撑起了移动了一定距离, 失去焦点后 软键盘收起后 被撑起往上移动的页面没有归位,导致页面上的元素错位,点击按钮,input输入框等的位置发生错位。 解决办法两种: 1、当input失去焦点后,使用js将页面滚动到顶部。 //滚动到顶部 scrollToTop:function(){ ...原创 2019-05-07 14:31:53 · 2046 阅读 · 0 评论