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
css3翻牌
CSS3
jQuery easing动画插件 animate.css运动效果库
回调函数:一个函数当做另一个函数的参数,这个当参数的函数就叫回调函数。回调函数会在运动结束之后执行。一.jQueryeasing动画插件js,jQuery中使用的动画库网址:https://easings.net/zh-cn在animate方法中调用easeInExpo这个运动形式引入这个easing插件,在animate方法中调用各种不同动画形式,可用于实现各种不同形式运动二.animate.c
祝名
·
2023-12-26 17:39
实现一个HTML页面在PC和移动设备上展示不同的内容
可以采用以下两种方式:1.媒体查询(MediaQueries)可以通过
CSS3
的媒体查询来实现不同设备上的不同样式,
CSS3
的MediaQueries功能可以根据设备的属性,例如屏幕宽度,设备方向等等来应用不同的样式
七夜zippoe
·
2023-12-26 14:54
javascript
前端
html
html2canvas 一个强大的使用js开发的浏览器网页截图工具
html2canvas是一个JavaScript类库,它使用了html5和
css3
的一些新功能特性,实现了在客户端对网页进行截图的功能。
祈澈菇凉
·
2023-12-26 10:18
css3
实现盒子 3D 旋转效果
效果展示:相关知识:子元素按照3维空间摆放:transform-style:preserve-3d;定义3D元素距视图的距离,以像素计。该属性允许您改变3D元素查看3D元素的视图设置元素在X轴变换:transform:rotateX(90deg)设置元素在Y轴变换:transform:rotateY(90deg)设置元素在Z轴变换transform:translateZ(200px);当rotat
飞天巨兽
·
2023-12-26 09:13
笔记
html
css
css3
JavaScript中动画与特效的实现原理
一、JavaScript中的动画原理动画效果可以通过两种方式来实现:一种是通过JavaScript间接的操作css,每隔几秒执行一次,另外一种是利用纯css实现,该方法在
css3
成熟后广泛应用.这里主要将
深漂浪子
·
2023-12-26 06:24
鸿蒙移动端像素问题?设计图和vp的比例?
大家都知道原始的
css3
适配方案是媒体查询和rem布局,媒体查询是现有多种ui框架的底层原理,写非ui框架项目时候,rem更好用一些。但是rem需要有一个设计图比例问题,鸿蒙到底应该是多少?
安安DE爸爸
·
2023-12-25 23:01
harmonyos
华为
html5
css3
爬虫技术-字体反爬
1.1常见的干扰方式字体反爬2.字体反爬2.1字体反爬简介在
CSS3
之前,Web开发者必须使用用户计算机上已有的字体。
尘世风
·
2023-12-25 23:52
爬虫
python
开发语言
美食笔记——荷叶饭与糯米鸡的起源
和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改《html5》、《javascript》、《
css3
》、《c语言》、《C++》、《Dos》等多年前写的教程,并研究各种品牌的小程序
巨汉子
·
2023-12-25 21:45
css3
动画
CSS3
@keyframes规则1、@keyframes规则是创建动画。2、@keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。
exertmyself
·
2023-12-25 18:05
css实现元素居中的6种方法
目录前言需求:实现方案:1.最简单的方法2.利用定位3.定位配合
css3
位移4.弹性盒模型5.网格布局Grid6.tabel-cell实现垂直居中前言相信大家在面试的时候也会经常碰到css实现元素居中的方法
富朝阳
·
2023-12-25 15:41
CSS
css
前端
面试
html
css3
伪元素&伪类深度解析
伪类伪元素区别☀如果你耐着性子看完了你就赢了Css2中定义模糊:给某些选择器添加特殊的效果
Css3
中进行了区分:thepseudo-classisintroducedtopermitselectionbasedoninformationthatliesoutsideofthedocumenttreeorthatcannotbeexpressedusingothersimpleselectors
玉面小猿
·
2023-12-25 10:40
使用AOS实现网页动画效果
AOS是一个基于
CSS3
和JavaScript的动画库,它专注于为网页元素添加滚动动画效果。通过AOS,我们可以实现元素在进入或离开视口时的各种动态效果,比如淡入、滑动、旋转等。
鲲罹
·
2023-12-25 09:58
前端
CSS3
:绘制多边形
clip-path:该属性使用裁剪方式创建元素的可显示区域,区域内的显示,区域外的不显示。构建一个三角形.mybox{width:100px;height:100px;background-color:yellow;clip-path:polygon(0%0%,100%0%,0%100%);}该属性的使用:属性值可以是函数:circle:绘制圆ellipse:绘制椭圆polygon:绘制多边形pa
irisMoon06
·
2023-12-25 08:30
css3
前端
css
学习
css3
笔记——:first-letter伪元素
这个故事发生在某天,到华南植物园周边喝完早茶回公司,上网收集有趣的文字,整理修订多年前写好的《JavaScript》教程,并创作汉语SEO要用的《CSS语言》教程,存起来以后当文化传播作品使用。一边整理《JavaScript》教程,一边在网上和女粉丝侃大山。突然间,一个说自已是从贵州铜仁来广州学现代汉语的女粉丝问:“陈老师,最近文化传播教程又打算教点什么新东西?”。我问:“你们都想学啥?”。女粉丝
巨汉子
·
2023-12-25 05:07
【前端代码实例】使用HTML5+
CSS3
+JavaScript制作一个响应式的后台管理系统~带侧边导航栏仪表盘功能
bilibili在线视频演示地址:【前端代码实例】使用HTML5+
CSS3
+JavaScript制作一个响应式的后台管理系统~带侧边导航栏仪表盘功能效果图:简化版代码:<spanstyle=
南北极之间
·
2023-12-25 04:07
web前端特效源码
javascript
前端
html5
网页设计编程入门代码
前端实例代码
HTML5+
CSS3
+Vue小实例:彩带圣诞树
实例:彩带圣诞树技术栈:HTML+CSS+Vue效果:源码:【HTML】彩带圣诞树<divclass="tree-light"v-for="(item,
艾恩小灰灰
·
2023-12-25 04:06
HTML+CSS+JS小实例
vue.js
html5
css3
javascript
html
前端
CSS3
选择器 :nth-child 与 :nth-of-type 区别
一、:nth-child1.1说明:nth-child(n)选择器匹配属于其父元素的第N个子元素,不论元素的类型。n可以是数字、关键词或公式。注意:如果第N个子元素与选择的元素类型不同则样式无效!1.2示例div>p:nth-child(2){color:red;}我是第1个段落我是第2个段落元素,2、父元素的第二个元素。这里被选择,会变成红色。-->我是第3个段落我是第1个段落我是第1个文本元素
后除
·
2023-12-24 23:39
css的filter属性
1.官方文档注意:InternetExplorer不支持filter属性https://www.runoob.com/cssref/
css3
-pr-filter.html2属性2.1blur给图像设置高斯模糊
苏苏哇哈哈
·
2023-12-24 22:59
微信小程序如何获取屏幕宽度
方法2:.imgClass{width:100vw;}”vw”=”viewwidth”“vh”=”viewheight”
CSS3
引入的”vw”和”vh”基于宽度/高度相对于窗口大小以上我们称为视窗单位允许我们更接近浏览器窗口来定义大小
赵羽珩
·
2023-12-24 14:02
css3
新增功能有哪些
盒模型:
CSS3
对盒模型进行了扩展,包括in
emma20080101
·
2023-12-24 12:20
css3
前端
css
框架师学习笔记——搭建一个在网页上、中、下水平方向居中的框架
和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改《Html5》、《JavaScript》、《
Css3
》、《Dos》、《C++》等多年前写的教程,并研究学习各种品牌的小程序。
巨汉子
·
2023-12-24 11:15
CSS新手入门笔记整理:
CSS3
动画
平移:translate()语法transform:translateX(x);/*沿x轴方向平移*/transform:translateY(y);/*沿y轴方向平移*/transform:translate(x,y);/*沿x轴和y轴同时平移*/缩放:scale()语法transform:scaleX(x);/*沿x轴方向缩放*/transform:scaleY(y);/*沿y轴方向缩放*/t
太空背包客
·
2023-12-24 10:53
前端新手入门笔记整理
css
前端
照片墙案例
整体效果:HTML部分:AsilentworldImageWallwithjQueryand
CSS3
SerenityFarfaraway,behindthewordmountainstherelivetheblindtexts.SilenceSeparatedtheyliveinBookmarksgroverightatthecoastoftheSemantics.AbstractionFarfa
刻刻帝的海角
·
2023-12-24 10:20
算法
CSS3
新增特性
CSS3
CSS3
私有前缀W3C标准所提出的某个CSS特性,在被浏览器正式支持之前,浏览器厂商会根据浏览器的内核,使用私有前缀来测试该CSS特性,在浏览器正式支持该CSS特性后,就不需要私有前缀了。
Komorebi_9999
·
2023-12-24 06:33
css3
前端
css
《last dance》貌似突然火了
怎么就突然
翻牌
子了呢?上网搜了一下,还真是被翻的牌子。一部叫《想见你》的台湾剧,里面用了这首歌。想见你,lastdance虽然没看这部剧,但是通过这段视频直接把我拽到了上学那个年代。
向自己靠近
·
2023-12-24 06:26
金鹰女神
可是这部剧是
翻牌
的,迪丽热巴因为这部剧拿大奖,我
小蜻蜓fly
·
2023-12-24 05:20
复盘第一次周会分享
昨天是又到了周四,是我们365天温柔复盘群的小伙伴们周会时间,这次周会我们的带头人陆娴和嗨小姐用的是
翻牌
子的方式,非常荣幸,我们第九小组全体成员成为这次分享者,同时第一次学会使用千聊平台!
请叫我坚持
·
2023-12-24 00:26
有意思!奇妙的 CSS shapes(CSS图形)
CSS3
之前,我们能做的只有矩形,四
源大侠
·
2023-12-23 19:56
CSS:盒子模型
CSS:盒子模型盒子模型盒子模型的组成盒子内容边框border内边距padding盒子实际大小计算
CSS3
的盒子类型content-boxborder-box外边距margin外边距合并相邻块元素垂直外边距合并嵌套块元素垂直外边距塌陷行内元素的内外边距盒子相关属性圆角边框盒子阴影盒子模型所谓盒子模型
盒马盒马
·
2023-12-23 15:28
前端开发
css
前端
CSS3
面试题
CSS3
面试题
CSS3
是什么?它与CSS的关系是什么?
CSS3
是CascadingStyleSheets(层叠样式表)的第三个版本,它引入了许多新特性和增强功能,用于美化和布局网页。
qq_42431718
·
2023-12-23 14:56
css3
前端
css
css3
新增的伪类有哪些?
CSS3
引入了一些新的伪类,以下是其中一些常用的新伪类::nth-child(n)-选择父元素下的第n个子元素。例如,:nth-child(2)选择父元素下的第二个子元素。
一个大长腿
·
2023-12-23 14:26
css3
前端
javascript
[源码和文档分享]小说网站-包括PC版本和移动版本
一、网站简介1.1设计思路根据一般人阅读小说的顺序,利用了HTML5、
CSS3
制作一个普通pc端和跨平台移动端。
ggdd5151
·
2023-12-23 13:31
2019 web前端最新学习路线图:萌新变大神之路
web前端基础篇1.HTML超文本标记语言结构、盒模型、浮动、定位、内外边距、选择器、优先级、样式初始化、CSS引入方式和特效2.
CSS3
新增选择器及新增属性、HTLM5新特性、HTML5新增标签、弹性盒模型
前端小芳
·
2023-12-23 12:53
禁用元素点击事件(兼容IE8+)
实现思路:chrome、firefox下利用
CSS3
属性pointer-events:none;元素永远不会成为鼠标事件的target。
Mr_lee123
·
2023-12-23 12:52
js
css
js
css
HTML5+
CSS3
基础
文章目录HTML网页什么是网页什么是HTML常用浏览器Web标准HTML语法规范HTML基本结构标签第一个HTML网页开发工具DOCTYPE和lang以及charset字符集的作用HTML常用标签标题标签段落标签与换行标签文本格式化标签div和span标签超链接注释与特殊字符表格标签列表标签表单CSSCSS简介CSS语法规范CSS基础选择器选择器分类元素选择器类选择器类选择器-多类名id选择器通配
blink555
·
2023-12-23 10:44
前端基础
html
css3
CSS3
多列&分页属性
CSS3
多列Firefox浏览器支持该属性的形式是-moz-column-count,而基于Webkit的浏览器,例如Safari和Chrome,支持该属性的形式是-webkit-column-countcolumn-count
—Miss. Z—
·
2023-12-23 09:44
css3
前端
css
CSS新手入门笔记整理:
CSS3
弹性盒模型
特点子元素宽度之和小于父元素宽度,所有子元素最终的宽度就是原来定义的宽度。子元素宽度之和大于父元素宽度,子元素会按比例来划分宽度。在使用弹性盒子模型之前,必须为父元素定义“display:flex;”或“display:inline-flex;”。弹性盒子模型属性属性说明flex-grow定义子元素的放大比例flex-shrink定义子元素的缩小比例flex-basis定义子元素的宽度flexfl
太空背包客
·
2023-12-23 09:29
前端新手入门笔记整理
css
前端
css3
counter,使用CSS的counter-increment做的游戏
我把CSS的黑魔法和把CSS推动到极限当作我的至爱。许多人没有意识到这是有多么的强大(特别是结合Sass)的预处理技术。这篇文章结合这两种至爱来做一些有意思的东西。当然它可能会或可能不会被你的下一个客户问,这样做有价值吗?但这样尝试才能真正的理解一种语言(当然,很多人说CSS不是一种语言)。但你也能使用纯CSS技术做一些简单的小游戏。Counter-Incrementcounter-increme
ysl冰蓝
·
2023-12-23 08:24
css3
counter
css3
计数器 counter-reset counter-increment
1、计数器的作用向已存在的html文本内容增添序号2、如何使用计数器1、定义计数器属性:counter-reset作用:定义一个计数器,并且设置初始值为0body{counter-reset:计数器名称初始值计数器名称初始值;}body{counter-reset:count10;}2、设置计数器增量可以单独设置某一选择器使用计数器时的增量,默认值是1属性:counter-incrementdiv
公有云私有云
·
2023-12-23 07:21
HTML5+
CSS3
小实例:3D分层按钮的悬停效果
HTML5+
CSS3
小实例之3D分层按钮的悬停效果技术栈:HTML+CSS字体图标库:font-awesome效果:源码:3D分层按钮的悬停效果QQ微信微博人人网推特*{/*初始化取消内外边距*/margin
艾恩小灰灰
·
2023-12-23 05:57
HTML美化网页
使用
CSS3
美化的原因用css美化页面文本,使页面漂亮、美观、吸引用户可以更好的突出页面的主题内容,使用户第一眼可以看到页面主要内容具有良好的用户体验标签作用能让某几个文字或者某个词语凸显出来有效的传递页面信息用
伊利同学
·
2023-12-22 16:23
html
前端
web前端面试题目--css篇(2019年实战整理)
css篇一、
css3
的新特性(不列全部,捡重点回答)1、
CSS3
选择器:last-child、nth-child(n)、nth-last-child(n)等。
会飞的大白鲨
·
2023-12-22 15:20
CSS新手入门笔记整理:
CSS3
背景样式
背景大小:background-size语法div{background-size:取值;}div{background-size:100px100px;}background-size属性取值有两种:一种是长度值,如px、em、百分比等;另一种是使用关键字。属性值说明cover即“覆盖”,表示将背景图片等比缩放来填满整个元素contain即“容纳”,表示将背景图片等比缩放至某一边紧贴元素边沿为止
太空背包客
·
2023-12-22 08:00
前端新手入门笔记整理
css
前端
CSS3
过渡与动画,2D与3D
背景和边框1.border-image该属性用于定义元素边框的背景图像语法:border-image:none|url(img)imagesection[/imagewidth]imaghandling其中imagesection定义用于边框不同部分的图像部分。imagesection值可以由图像上的4条分隔线组成,每条线以像素或者百分比为度量。imaghandling可以定义的三个关键字,用于控
—Miss. Z—
·
2023-12-22 08:29
HTML5/CSS3
css3
前端
html5+
css3
登录页面
效果图代码如下:css文件该文件命名为login.css/*login.html页面中使用的css样式*/.container{position:relative;}#bg_div{margin:0pxauto;background:url(../img/bg.jfif)no-repeat;/*设置背景图片,注意图片的位置,可以更改*/width:1280px;height:730px;text-
射手座的程序媛
·
2023-12-22 06:27
前端
html5
css3
前端
移动端1像素的解决方案?
以下是一些解决方案:使用
css3
的scale属性:将要渲染的元素放大一倍,然后通过scale缩小回去。例如,将一个1像素的边框放大到2像素,再通过scale(0.5)恢复原来大小。
是个车迷
·
2023-12-22 04:20
前端
古代汉语诗词曲集——蒜香鸡腿
和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改《html5》、《javascript》、《
css3
》、《c语言》、《C++》、《Dos》等多年前写的教程,并研究各种品牌的小程序
巨汉子
·
2023-12-22 02:12
CSS3
选择器
属性选择器在CSS2中引入了一些属性选择器,而
CSS3
在CSS2的基础上对属性选择器进行了扩展,新增了三个属性选择器,使得属性选择器有了通配符的概念。
夜之海澜
·
2023-12-22 01:15
学习c语言笔记——循环for()
和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改《html5》、《javascript》、《
css3
》、《C语言》等多年前写的教程。image突然女粉丝问:“陈老师!
巨汉子
·
2023-12-21 20:22
CSS3
及Vue动画效果
一、
CSS3
动画animationkeyframes被称为关键帧,其类似于flash中的关键帧。在
css3
中其主要以“@keyframes"开头,后满紧跟着是动画名称加上一对花括号{...}
花荣kk
·
2023-12-21 16:48
上一页
14
15
16
17
18
19
20
21
下一页
按字母分类:
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
其他