JavaScript
CSS
HTML
PHP
联系雪哥
登录
注册
找回密码
JavaScript
CSS
HTML
PHP
联系雪哥
登录
注册
找回密码
CSS
共42篇
排序
更新
浏览
点赞
评论
CSS3鼠标:hover经过元素呼出显示图片
当鼠标停留在设置的元素时呼出图片,移开后隐藏。 CSS代码 .xulgr-hovershow .xulgr-hovershow-img { opacity:0; transform:translateY(6px); transition:.4s; } .xulgr-hovershow:hover .xulgr...
2年前
0
73
0
简单的JS实现选项卡Tab非同级切换
网上大部分选项卡代码是在同个父级下实现的,这样对前端比较难设计显示出来的样式,所以我就简单记录一下我设计的两个父级或者同级都能使用的选项卡代码。 思路 将所有选项按钮定义点击事件,然...
7个月前
0
75
7
CSS同行并排显示
我一直都在用的是 display: flex; 直接在父级元素加上display: flex,元素内的样式都会响应式并排显示,非常简单。 还有一种用行内块 display: inline-block 这种是把两个要并排的元素都...
2年前
0
99
0
微信小程序点击自动滚动到指定元素位置
官方文档:前往查看 可以直接套用官方的示例js代码,将.xulgr修改成滚动目标的CSS值即可 scrollTo() { // 1.使用wx.createSelectorQuery()查询到需要滚动到的元素位置 wx.createSelectorQuery()...
2年前
0
100
0
CSS延迟hover消失时间
一般情况下我们会直接用transition来设置动画效果,如 a{ transition: all 1s linear; } a:hover{ transform: scale(1.1); transition: all 1s linear; } 其中all为transition-property属性的值...
5个月前
0
102
14
9个纯CSS字体样式
.XulgrFont{position:relative;letter-spacing:.07em;font-size:3em;font-weight:normal;margin:0 auto} .XulgrFont:before,.hcqFont:after{position:absolute;top:0;left:0;right:0} .xulgr-te...
2年前
0
106
10
纯CSS流星雨效果
最近在我的小程序授权登录页加了一些好看的小样式,顺便分享出来 CSS .xulgrrainbox { position: relative; width: 100%; height: 100%; transform: rotateZ(45deg); position: fixed; top: 0; ...
2年前
0
108
0
简单的CSS+JS实现鼠标指针附带图标
html部分直接在body开头加上img图标地址即可 <img src='图标地址' class='xg-mouse'> 图标建议使用透明背景的png或svg CSS部分直接定义图标大小和绝对定位即可 .xg-mouse {width:40px;hei...
2年前
0
110
0
[进阶方法]JS+CSS滑动到某位置元素固定住不动或滚动到顶部然后固定的进阶方法
进阶方法有个好处就是悬浮前和滚动悬浮后的样式都可以自定义,比如没有滚动到设置的元素时,样式的宽度是100px,然后当用户滚动屏幕到设置的元素时,设置的元素就可以又以另一种自定义样式悬浮...
2年前
0
121
0
CSS的Flex布局并排间距换行间距和每几个元素换行间隔
直接上例子,每4个元素换行并设置10px的间距 ul{ display: flex; flex-wrap: wrap; /*flex弹性换行*/ margin: -10px; /*父元素抵消掉子元素的间距*/ } ul li{ margin: 10px; /*子元素之间的间距...
6个月前
0
123
10
1
2
3
…
5
下一页
在手机上浏览此页面
登录
没有帐号?立即注册
手机号
验证码
发送验证码
记住登录
帐号密码登录
登录
用户名/手机号/邮箱
登录密码
记住登录
找回密码
|
免密登录
登录
注册
已有帐号,立即登录
设置用户名
手机号
验证码
发送验证码
设置密码
注册
注册即表示同意
用户协议
、
隐私声明