<head>
<meta charset="UTF-8">
<title>CSS3 JS鼠标经过显示二维码和二级菜单特效</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="css/lanrenzhijia.min.css?3.1.64">
</head>
<body>[removed][removed]
![]()
这是一款比较简单实用的基于CSS3 JS实现的鼠标经过显示二维码和二级菜单特效，CSS3鼠标悬停事件代码
2022-07-30 20:20:44
79KB
1
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js css3图片3D旋转轮播特效</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css?3.1.64" />
<link rel="stylesheet" type="text/css" href="css/demo.css?3.1.64">
<link rel="stylesheet" href="css/style.css?3.1.64">
</head>
<body>[removed][removed]
![]()
![]()
![]()
![]()
![]()
![]()
![]()
js css3实现的多个图片3D旋转轮播特效，很好看的网站焦点图立体旋转切换代码。
3D Rotating Carousel Examples
Three images
Four images
2022-07-12 10:09:50
836KB
1
<head lang="en">
<meta charset="UTF-8">
<title>css3 animation transform鱼游动特效</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<style>
body{
background-color: lightblue;
overflow:hidden;
}
.fishbox{
width: 200px;
height: 200px;
/*background-color: rgba(0,0,0,0.4);*/
position: absolute;
left:0;
top:0;
animation: run 20s linear infinite;
animation-direction: normal;
}
.fish{
width: 174px;
height: 126px;
position: absolute;
left:35%;
top:0;
background:url(image/fish8.png) no-repeat left top;
/*transition:all 0.8s steps(8) ;*/
animation:active1 0.8s steps(8) infinite;
这是一款基于css3 animation transform属性制作的鱼游动动画特效，用background-position属性实现两条游动追逐的鱼。
2022-01-06 17:28:13
453KB
1
</head>
<body>[removed][removed]
Lorem ipsum.
More lorem ipsum bacon ipsum.
Bacon ipsum dolor amet pork belly tri-tip turducken, pancetta bresaola pork chicken
meatloaf. Flank sirloin strip steak prosciutto kevin turducken.
这是一款好看的鼠标移动到图片上面的时候滑动显示出标题文字信息的CSS3鼠标悬停图片显示文字动画特效。
2021-11-21 20:52:00
145KB
1