E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
background-size
基于JS实现漫画中大雨滂沱的效果
/img/maxresdefault.jpg');
background-size
:cover;backgr
·
2022-07-06 12:45
纯css实现动态渐变背景,一分钟学会
原理规定好容器尺寸设置渐变背景:background:linear-gradient(...)自己设置角度和颜色吧设置背景尺寸比容器大几倍:
background-size
:600%600%;搞个循环动画
·
2022-07-03 10:45
Html/Css简单的登录页面设计
1.效果图如下2.涉及到的知识点代码实现如下:Documentbody{background:url("images/0.jpg");background-repeat:no-repeat;
background-size
风过茶易凉
·
2022-07-01 19:11
html
css
css3
小白前端自制红警登陆界面(试水前端)
/img/bkg.jpg);background-repeat:no-repeat;
background-size
:cover;}.login{position:
蜗牛9528
·
2022-06-13 10:36
css3
javascript
html
css3
前端
js
css实现全屏网格效果(斜格)
Documentbody{margin:0;}.bdgrid{height:100%;width:100%;
background-size
:100%100%;position:fixed;margin:
wyy爱学习
·
2022-06-09 22:11
css
html
前端
html+css实现3D相册
padding:0;margin:0;}body,html{height:100%;}/*背景图片在这里设置*/body{background-image:url("images/beijing.jpg");
background-size
口鸟鸟
·
2022-05-27 11:37
web前端
css
html
css3
js
less
Web前端之实现手风琴效果
{margin:0;padding:0;list-style:none;}html,body{height:100%;}body{background-image:url("img/10.jpg");
background-size
晚风挽着浮云
·
2022-05-11 12:22
Web前端
前端
css
html
javascript
js+html实现网页五子棋
width:800px; } #beginGameBtn{ background:url(startImg.png); width:80px; height:25px;
background-size
·
2022-05-06 14:40
el-input 密码框修改样式
/assets/images/minus.svg")no-repeatcentercenter;
background-size
:100%;cursor:pointer;}.con-right.el-
九思joyce
·
2022-04-24 09:36
CSS实现文字两边横线,CSS实现文字两边线条
其他方式登陆scss.other-login{display:flex;width:80%;background:#ccc;height:20px;margin:0auto;
background-size
码上致富
·
2022-04-22 22:25
前端
css
css3
3D旋转相册html+css代码分享
:url("img/13.jpg")no-repeatcentercenterfixed;-webkit-background-size:cover;-o-background-size:cover;
background-size
京都小白
·
2022-04-17 07:47
html5
css
html基础background相关知识点
background-size
设置背景图像的大小。background-position定位背景图像。background-attachment设
@山海*
·
2022-04-08 08:51
css背景图片设置
css
html
html+css漂亮登录页面
/img/桥.jpg);background-repeat:no-repeat;
background-size
:100%;background-position:0px-50px;}.box{width
weixin_74
·
2022-03-22 10:39
Html
html
css
html5
css3
Html+Css+js实现春节倒计时效果
/image/image.jpg);
background-size
:cover;background-position:centercenter;height:100%;}.container{margin
渣男语录
·
2022-03-19 23:18
html
css
javascript
JavaScript实现简单抽奖系统
具体内容如下模拟实现抽奖系统前端使用JavaScript代码实现抽奖系统,代码如下:样式代码: body{ background:url("bg.jpg")no-repeat;
background-size
·
2022-03-09 12:25
微信小程序之登录页-------实例
login.wxml:学号-->密码-->登录login.wxss:/*pages/login/login.wxss*/page{height:100%;
background-size
:100%;background-image
chunchun1230
·
2022-03-07 15:03
微信小程序
vue+css网格背景图制作
环境win10vscodevue2.x代码改变网格与网格之间的间距:同时调整transparent和
background-size
,数值越小,网格之间的间距越小;rgba后的数值用于调整网格线的粗细程度
weixin_46353030
·
2022-02-26 22:41
学习
css
vue.js
css3
[转]移动端常见面试题一:移动端兼容解决方案
想让图片在手机里显示更为清晰,必须使用2x的背景图来代替img标签(一般情况下都是2倍的),或者指定
background-size
:contain;都可以用-webkit-min-
zhcnnet
·
2022-02-21 12:46
CSS sprite 及鼠标悬停变换(CSS常见样式2)
创建CSS文件.logo{width:100pxheight:100pxbackground:url(图片路径)
background-size
:100px}创建悬停状态.logo:hover{background-position
闻金听凤
·
2022-02-21 02:20
background-size
、不同的设备显示不同的pic
background-sizebackground-size:contain;图片将按比例自适应区域
background-size
:100%100%;图片将在左右和上下两个维度填满背景区域
background-size
SilenYoung
·
2022-02-20 23:17
利用Html + CSS做一个动态渐变色按钮
2.hover状态下渐变色变化:
background-size
:200%;要将背景大小设置为200%;background-position:right;然后hover状态时,进行位移。CSS代码样式
芮某人食用方法
·
2022-02-20 17:37
webpack 学习笔记之十, webpack-spritesmith 雪碧图.
/images/bg/btn.png');bacground-position:center;
background-size
:co
人话博客
·
2022-02-19 16:04
刮刮卡——canvas实践
}html,body{height:100%;overflow:hidden;}#wrap,ul,ul>li{height:100%;}ul>li{background:url(img/b.png);
background-size
Precipice
·
2022-02-15 11:51
CSS3 背景
背景多背景使用逗号分开background:url(1.jpg)no-repeat00,url(2.jpg)070%;表示第二个背景图为位置在left为0高度是70%的位置背景尺寸
background-size
我拥抱着我的未来
·
2022-02-14 04:38
css3基础
2.css3属性css3边框border-radiusbox-shadowbox-shadow:10px10px5px#888888;CSS3背景
background-size
属性background-origin
Frank_Yi
·
2022-02-13 05:14
img问题
width:100%;height:100%;}弊端就是可能导致图片变形(补充:或只给img设置宽度,高度auto)2、使用背景图片background:url(...)no-repeatcenter;
background-size
Spinach菠菜
·
2022-02-12 04:56
day30-登录界面实现
html界面注:用到了大量的margin和padding来调整位置,当然怎么安排最好就仁者见仁智者见智了body{background:url(img/bkg.jpg)no-repeat0120px;
background-size
RurouniKenshin
·
2022-02-10 17:38
CSS3重复渐变制作纹理图案
CSS3重复渐变制作纹理图案.patterns{width:200px;height:200px;float:left;margin:10px;box-shadow:01px8px#666;}.pt1{
background-size
挥剑斩浮云
·
2022-02-10 14:46
九宫格起始页案例开发
布局总览九宫格起始页布局总览图0x02代码开发html布局代码java面向对象高级编程培训**CSS样式代码***{margin:0px;padding:0;}body{background:url('img/bg.jpg');
background-size
WEtcmind
·
2022-02-09 12:41
CSS技巧(自用)
背景图片铺满屏幕background:url("xxxxx")no-repeatcentercenter;/*加载背景图*//*背景图不平铺*/
background-size
:cover;/*让背景图基于容器大小伸缩
tysnd
·
2022-02-07 11:40
HTML5布局、动画入门笔记
lesson1总结预览地址设置背景图片:background:url(pic.jpg)centercenter;
background-size
:cover;background:#00FF00url(bgimage.gif
RocWang丶
·
2022-02-07 01:44
canvas+js实现降雪动画
0.效果预览实际效果要更流畅一些1.完整代码雪body{margin:0;padding:0;background-image:url("bj.png");
background-size
:100%100%
Gsdxiaohei
·
2022-02-06 10:47
css3展开隐藏箭头图标动画
/assets/img/ion-down.svg")no-repeat;display:block;
background-size
:100%100%;width:11px;height:11px;position
简小咖
·
2022-02-03 11:21
elementui 树形控件节点自定义图标 初始化自定义节点颜色
/assets/image/frame.png)centerno-repeat;
background-size
:cover;margin-r
布呐呐aa
·
2021-12-30 16:15
h5和css3常用新特性
答:1.颜色:新增RGBA,HSLA模式2.文字阴影(text-shadow、)3.边框:圆角(border-radius)边框阴影:box-shadow4.盒子模型:box-sizing5.背景:
background-size
前端践行者-Mr鹏帅
·
2021-11-07 17:39
vue板块
css3
css
html
css-背景图片设置
/assets/back.jpg);
background-size
:100%100%;/*按比
闲敲代码赚花花
·
2021-10-28 23:50
css
css
html2canvas截图另存图片模糊问题解决办法
/img/bgImg.jpg');
background-size
:100%100%;}至于为什么会这样,我也不知道。版本为html2canvas
·
2021-10-18 13:59
移动端web开发笔记
目录移动端基础视口meta视口标签物理像素与物理像素比二倍图背景缩放
background-size
背景二倍图以及多倍图切图移动端开发选择移动端技术解决方案移动端特殊样式移动端技术选型流式布局京东移动端首页准备工作
CharmDeer
·
2021-10-14 20:56
移动web开发
html5
css
html
android
ios
妙用 background 实现花式文字效果
通过本文,你将可以学到:通过
background-size
与background-position实现酷炫的文字下划线效果通过
background-size
与background-position以及background-clip
·
2021-09-16 10:25
前端实战之js推箱子游戏(有界面、附源码、赞关藏)
效果展示代码+图片JS推箱子游戏源代码-站长素材*{margin:0;padding:0;}body{
background-size
:100%;background-position:left;background-repeat
流浪哥--互联网的浪潮儿
·
2021-09-10 14:33
前端
css
html
html5
纯CSS实现beautiful按钮
(欢迎关注公众号前端点线面)一、基础储备实现这些漂亮的按钮主要利用了一些CSS的属性,主要有animation、
background-size
、background-position、linear-gradient
·
2021-08-23 23:38
前端css3动画css
react开发:侧边栏背景与浮动Menu设计
/assets/menu-background.png);background-repeat:no-repeat;
background-size
:cover;step2
·
2021-08-18 20:16
react.js
新页面模板 2021-05-10
exportdefault{data(){return{}},methods:{}}.page-bg{width:100vw;height:auto;overflow:hidden;
background-size
追逐繁星D孩子
·
2021-06-26 06:01
html中使用svg技巧
text-rendering="geometricPrecision"2.使用css作为背景图片div{background:url("picture.svg")no-repeatcentertop;
background-size
夏晶晶绿
·
2021-06-25 14:59
uniapp 工作常用整理
2021-06-15exportdefault{data(){return{}},methods:{}}.page-bg{width:100vw;height:auto;overflow:hidden;
background-size
追逐繁星D孩子
·
2021-06-24 02:18
2018-02-01 background复合写法
no-repeatleftcenter/cover;参数说明background-color背景色background-image背景图background-repeat是否重复显示background-position/
background-size
龙猫的旅途
·
2021-06-23 02:15
在vue中使用背景图时,在屏幕大的手机上底部会出现空白区域
/img/bg.png")no-repeat;
background-size
:100%100%;box-sizing:border-box;错误原因:重点:之前
别摸_兜里有糖
·
2021-06-22 11:13
11js动画模拟一个小球的自由落体运动
background-color:red;position:absolute;left:0;top:200px;background:url(ball.jpg)no-repeatcentercenter;
background-size
An的杂货铺
·
2021-06-22 03:35
CSS3常用属性
background-size
规定背景图片的尺寸。文本效果属性
Zyao89
·
2021-06-21 19:27
网页实战-布局再回顾
{height:100%;}section{background:url("https://ooo.0o0.ooo/2017/07/01/5957299554c26.jpg")00no-repeat;
background-size
hellowade
·
2021-06-20 04:24
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他