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+JS
VUE环境下
CSS3+JS
实现发牌 翻牌
创建牌容器(关键点:overflow:hidden):.popup-box{position:absolute;width:100vw;height:100vh;top:0px;left:0;overflow:hidden;}创建每一张牌《固定十张牌》:1.父级(卡牌未放开显示背景)卡牌子级(显示卡牌内容)NameDescribe.popup-top-box-card{position:absol
悟空_大师兄_
·
2023-09-02 10:36
css3
前端
css
css3+js
画出爱心特效
要使用CSS3和JavaScript绘制爱心特效,可以使用CSS3的动画和过渡效果来创建爱心的形状,并使用JavaScript来控制动画的触发和交互。以下是一个简单的示例代码:HTML:ToggleAnimationCSS:.heart{width:100px;height:100px;position:relative;transform:rotate(-45deg);background:re
一花一world
·
2023-08-19 18:28
前端
css3
javascript
前端
css3静态进度条,
CSS3+JS
实现静态圆形进度条
一、实现原理首先,我们来一个圆(黑色)。接着,再来两个半圆,将黑色的圆遮住。(为了演示,左右两侧颜色不一样)这时候,我们顺时针旋转右侧蓝色的半圆,下面的黑色圆就会暴露出来,比如我们旋转45度(12.5%),效果出来了。如果我们将蓝色的右半圆同样设置成灰色,看效果,一个12.5%的饼图就出来了!OK,我们再旋转更大的度数试试,比如40%(144度),50%(180度),60%(216度)如下图。我们
Towuresii
·
2023-01-26 02:34
css3静态进度条
html实现烟花绽放,
css3+js
如何实现烟花绽放的动画效果
css3+js
如何实现烟花绽放的动画效果发布时间:2020-10-1916:44:04来源:亿速云阅读:88作者:小新小编给大家分享一下
css3+js
如何实现烟花绽放的动画效果,希望大家阅读完这篇文章后大所收获
龙纹身女孩
·
2022-06-06 07:05
html实现烟花绽放
CSS3+JS
滚动数字时钟代码
CSS3+JS
滚动数字时钟代码-懒人图库body{text-align:center;background-color:#0e141b;color:rgba(224,230,235,0.89);font-family
鸟飞惊了看花人
·
2020-08-20 04:33
JS+JQ
css3+js
翻页效果三:书本翻页
css样式是酱紫的:*{margin:0;padding:0}body,html{/*防止抖动*/overflow:hidden;}#box{width:700px;height:400px;background:url("img/0.jpg")no-repeat;margin:100pxauto;position:relative;}#box.page{/*在box的右半部分*/width:50
youyou_builder
·
2020-08-07 22:58
炫酷时钟(
css3+js
)
htmlcss*{margin:0;padding:0;}body{background-color:#aaa;}ul{width:400px;height:400px;border:5pxsolidskyblue;margin:100pxauto0auto;border-radius:50%;background:radial-gradient(green50%,yellow100%);;pos
Small_Jar
·
2020-07-07 22:58
javascript
css3
CSS3+JS
实现的便签应用
概述利用HTML5新增的locationStorage实现的便签应用,没有使用JQuery,主要是为了练习原生JS的使用,采用响应式开发,在手机端和桌面端都有良好的体验,而且使用CSS3添加了大量的动画效果,使各操作之间的连接更加流畅。详细代码下载:http://www.demodashi.com/demo/10440.html一、准备工作1、开发工具Sublime+一个能打开网页的现代浏览器3、
findhappy117
·
2020-07-07 07:48
分享一款纯
css3+JS
实现的漂亮的404页面
摘要:分享一款纯
css3+JS
实现的漂亮的404页面,无需加载任何图片,纯代码实现雪花渲染,有详细的代码提供大家学习,感兴趣的朋友可以参考下…分享一款纯
css3+JS
实现的漂亮的404页面,无需加载任何图片
@Ma
·
2020-06-30 09:54
源码
css3+js
粽情端午
根据慕课网上的案例写了粽情端午,对css3动画掌握了更深,也对js加一步学习了,以我目前的水平可能做不了什么好的,但是写完这个之后,一直在尝试着写另一个css3的案例,就是不知道能不能写完了。发现的问题还是js掌握的不好,在学习css3的同时,也要加一步对js进行复习。以下是我模仿的粽情端午的案例代码:粽情端午@-webkit-keyframesrock{0%{transform:rotate(0
-杨杨-
·
2020-06-30 05:58
前端
Pits -
CSS3+JS
网页小游戏
src="http://www.sfg.name/apps/pits/"width="600"height="300"> 玩游戏↑-游戏主页-原文链接游戏介绍这是一款非常简单的网页小游戏。在小动物的前面的路上有美味的食物,然而挡在它面前的是一个方形的坑,要想拿到食物并须用土块把坑填上再过去。按住屏幕放大土块,松开手指让土块落下并填到坑里。如果土块太大,土块无法填入坑里,小动物将被挡住;如果
Orange橘子洲头
·
2020-06-21 07:27
WEB前端
CSS3
游戏
Javascript
css3+js
翻页效果二:颗粒翻页
css样式:*{margin:0;padding:0}#box{width:700px;height:400px;background:#ccc;position:relative;margin:100pxauto;}#boxspan{width:100px;height:100px;position:absolute;transition:1sallease;transform-style:pr
youfrweb
·
2020-03-25 05:21
css3+js
翻页效果三:书本翻页
css样式是酱紫的:*{margin:0;padding:0}body,html{/*防止抖动*/overflow:hidden;}#box{width:700px;height:400px;background:url("img/0.jpg")no-repeat;margin:100pxauto;position:relative;}#box.page{/*在box的右半部分*/width:50
youfrweb
·
2020-01-05 07:26
利用
css3+js
实现的可拖动简易表盘时钟
闲着无事写了一个简单的时钟效果,给新学css3的朋友做个参考吧。一、布局布局很简单,就是一个表盘加上时、分、秒三个指针。当然为了美观期间还可以加一个表心。代码如下:二、css样式设置代码如下:/*清除默认样式*/*{margin:0;padding:0;list-style:none;}/*表盘样式*/#box{width:300px;height:300px;border:1pxsolid#00
lucky婧
·
2020-01-04 16:18
css3+js
翻页效果一:爆炸翻页
这是一个系列,代码大同小异,第一个做一个详细的说明:思路是在div里面铺一层span,span是100*100像素的,详解如图:rc.png以下是css样式代码:*{margin:0;padding:0;}html,body{/*防止页面抖动*/overflow:hidden;}#box{width:700px;height:400px;background:#ccc;position:relat
youfrweb
·
2019-12-26 23:36
CSS3+JS
:胶卷式放映
图片像电影的胶卷一样,一帧帧地放映,且可以任意删减图片帧数,不会影响放映效果。所用技术为:CSS3动画和原生JavaScript。**html代码**```html:run胶卷式放映*{margin:0;padding:0;font-family:"楷体"}body{background:black;}#wrap{width:150px;height:120px;margin:200pxauto;
固始县钱成
·
2019-12-26 08:33
JS+CSS实现滚动数字时钟效果
本篇内容我们用js配合css样式表来实现一个滚动时钟的动画效果,这个效果一般都是用在网页开场动画以及区域的时间显示中,非常好看,动画效果也很个性,我们先来看下运行后的效果:下面就是这个滚动时钟动画的全部代码:
CSS3
·
2019-09-23 01:49
基于Vue 实现一个中规中矩loading组件
一开始想过用svg,canvas;最终还是选择了
css3+js
来实现这个效果;gif的缺点挺多,至于为什么又排除了svg和canvas;是因为
css3+js
可控性更强,不管是大小还是颜色,还是响应式(我的项目走的
crper
·
2019-04-03 11:46
css3+js
随机文字动画
Index .wrap { height:100%; width:100%; position:absolute; overflow: hidden; margin-left: -10px; background-image: url("DAimG_
魂祭心
·
2016-03-20 21:00
Css3+Js
漂亮时钟
原文 http://blog.csdn.net/guoxuepeng123/article/details/8842794
Css3+Js
漂亮时钟 浏览器支持 IE9/GoogleChrome/FireFox
·
2015-11-07 12:07
css3
JavaScript + CSS3 实现的海报画廊特效
这是慕课网上《
CSS3+JS
实现超炫的散列画廊特效》的源代码,我修改了一些 bug 和调优了一些细节,并把学习过程中并不了解的知识点以及一些基本思路用注释写在了源码里供以后查阅,同时欢迎指正其中的问题
·
2015-11-01 15:29
JavaScript
JavaScript + CSS3 实现的海报画廊特效
原文: JavaScript + CSS3 实现的海报画廊特效 这是慕课网上《
CSS3+JS
实现超炫的散列画廊特效》的源代码,我修改了一些 bug 和调优了一些细节,并把学习过程中并不了解的知识点以及一些基本思路用注释写在了源码里供以后查阅
·
2015-11-01 12:23
JavaScript
CSS3+Js
制作的一款响应式导航条
今天制作了一个响应式导航条,能够自动随着不同的屏幕分辨率或浏览器窗口大小的不同而改变导航条的样式,这里主要用到的就是CSS3的Media Query。具体可以查看浅谈响应式布局这篇文章,这里就不花费大量的篇幅介绍了,主要看一下这个导航条该怎么做。 另外需要提到的是,ie6-ie8是不支持CSS3的Media Query的,因此对于ie6-ie8我们需要特殊处理,就让他们保持默认样式,这对于布局及
·
2015-10-31 08:25
css3
【连载】实用小demo连载 4 ——
css3+js
大转盘 demo
小demo连载系列4经常在手机上看到大转盘的游戏,今天研究了一下,自己用
css3+js
的方式实现了(由于只考虑手机,所以不用考虑ie9-不支持css3的问题),demo下载地址(所有连载的demo都是免费
snow_finland
·
2015-08-11 17:00
css3
转盘
大转盘
css3大转盘
CSS3+js
实现简单的时钟特效
学习css3ing,正在学习transfomr,突发奇想用此做个小时钟,开始吧:准备前期工作,把时钟的表盘,时分秒针,实时时间标签的大概样子做好,效果如图:html代码如下:复制代码代码如下:css代码如下:复制代码代码如下:*{margin:0;padding:0;}.main{position:relative;margin:100pxauto;width:300px;height:300px
佚名
·
2015-03-18 09:42
CSS3+Js
实现响应式导航条
今天制作了一个响应式导航条,能够自动随着不同的屏幕分辨率或浏览器窗口大小的不同而改变导航条的样式,这里主要用到的就是CSS3的MediaQuery。具体可以查看浅谈响应式布局这篇文章,这里就不花费大量的篇幅介绍了,主要看一下这个导航条该怎么做。另外需要提到的是,ie6-ie8是不支持CSS3的MediaQuery的,因此对于ie6-ie8我们需要特殊处理,就让他们保持默认样式,这对于布局及样式上都
·
2014-05-20 10:21
css3漏斗型Loading加载动画
css3漏斗型Loading加载动画,css,Loading,加载动画,加载效果,css3漏斗型Loading加载动画是一款
css3+js
实现的Loading加载Flash特效代码.源文件下载地址:http
miss_安
·
2014-04-17 13:00
css3
css3漏斗型Loading加载动画
css3漏斗型Loading加载动画,css,Loading,加载动画,加载效果,css3漏斗型Loading加载动画是一款
css3+js
实现的Loading加载动画特效代.源文件下载地址:http:/
miss_安
·
2014-04-17 13:00
动画
css
CSS3+JS
制作的一款图标任意拖动,并且可以放在文件夹中
CSS3+JS
制作的一款图标任意拖动,并且可以放在文件夹中,拖动下方的图标可以放在任意地方,也可以直接放在文件夹里面,当拖动图标事,文件夹会有一个打开特效。效果不错,而且兼容性也处理的很好。
dyllove98
·
2013-05-27 20:00
CSS3+js
制作的与本地时间同步的时钟
这个效果是一个CSS3制作的时钟,不过并不是我们传统的时钟风格,分别用三块显示时、分、秒三个部分,而且这个DEMO中为其加上了一个js的效果,能让这个效果和现实时钟的时间同步。这个效果运用到的CSS3知识点就是渐变、阴影,而最为关键的就是CSS3的渐变制作。 精美的圆形按钮效果body,ul,li{ padding:0; margin:0;}a{ color:rgb(1,124,185)
SGS0635
·
2013-04-27 15:01
js
css3
时钟
Css3+Js
制作漂亮时钟(附源码)
Css3+Js
漂亮时钟浏览器支持IE9/GoogleChrome/FireFox/Safari效果图:代码下载HTML代码复制代码代码如下:
css3+js
打造漂亮时钟body{background:-webkit-radial-gradient
佚名
·
2013-04-24 16:20
上一页
1
下一页
按字母分类:
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
其他