原文:原生js+css实现重力模拟弹跳系统的登录页面

今天小颖把之前保存的js特效视频看了一遍,跟着视频敲了敲嘻嘻,用原生js实现一个炫酷的登录页面。怎么个炫酷法呢,看看下面的图片大家就知道啦。 效果图: 不过在看代码之前呢,大家先和小颖看看css中的opacity transition box shadow这三个属性。 .opacity 作用:设置一个元素的透明度 定义和用法 opacity 属性设置元素的不透明级别。 默认值: 继承性: no ...

2017-10-31 20:46 6 1426 推荐指数:

查看详情

用Java模拟游戏重力实现弹跳

年末开了Java实训大作业 想了好几天决定选择马里奥小游戏 发现即使做出来但是跳跃功能是很“笨拙”的,和我们玩的游戏不一样,没有跳跃速度的快慢什么的,后来才知道这个叫做游戏里面重力模拟。 组队做系统当然也有一分收获,但我觉得要做就做一个能让自己收获更大的,所以做游戏23333 发现重力 ...

Sat Dec 28 23:50:00 CST 2019 0 755
原生JS+CSS实现日期插件

  笔者最近在学习Element UI,觉得它提供的日期选择器既简单又美观,于是仿照着写了一个日期插件。笔者使用到的技术有ES5、CSS和HTML,控件兼容IE10+和谷歌浏览器。有一点需要注意,笔者使用到iframe包裹弹出层,由于浏览器的同源安全策略,代码必须得放到tomcat的webapps ...

Mon Oct 14 05:33:00 CST 2019 0 688
使用原生JS+CSS或HTML5实现简单的进度条和滑动条效果

前言 我个人非常喜欢js+css的强大表现能力,这也是我喜欢前端开发的原因之一,后端通常都是在和数据打交道,很多东西都是抽象的数据结构,不直观也不美观,而前端着重于界面视图的渲染以及各种各样有意思的交互效果,其中像我们在客户端中见到的安装进度条效果以及滑块拖动效果,使用js+css都能够在页面 ...

Fri Apr 14 04:40:00 CST 2017 0 64768
JS+CSS实现数字滚动

最近在实现一个显示RGB颜色数值的动画效果时,尝试使用了writing-mode(书写模式)及 text-orientation来实现文字的竖直方向的排列,并借助CSS的transition(过渡)来实现动画效果。关于书写模式,参考链接[链接描述]1 各浏览器对writing-mode ...

Sun May 17 01:12:00 CST 2020 0 2674
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM