标签:HTML5

HTML5

svg 实现3选项按钮

herman 6年前 (2018-02-07) 1974浏览 0评论

CSS3 能实现很好看的按钮动画效果,SVG 也可以实现。今天为大家分享一款基于 SVG 实现的3个选项切换按钮(滑块按钮)。 这是一款比较特别的开关切换按钮,与之前分享的很多CSS3开关切换按钮不同,这款是基于SVG和HTML5的,它的最...

HTML5

使用 hightopo 实现web版网络拓扑图

herman 6年前 (2018-02-07) 6890浏览 0评论

hightopo 是一款收费软件,它可以很方便的帮助我们制作web版的网络拓扑图。它的底层是 HTML5 的 Canvas 实现。hightopo 的功能很强大,可以轻松实现基本网络图,网络拓扑图,机架图,网络通信图,3D网络图等其他几乎所有的拓...

业余杂谈

机器编程 Keras 教程

herman 6年前 (2018-01-31) 2590浏览 0评论

Keras 是一款机器编程软件。它利用深度学习技术可以将设计模型转化为代码。目前在 Github 排行榜第一名,是一个梦幻项目。神经网络通过深度学习,自动把设计稿变成 HTML 代码。 作者号称三年后,人工智能彻底改变前端开发。今天我们...

HTML5

HTML5+Canvas实现有刻度的圆盘时钟

herman 6年前 (2017-12-31) 4704浏览 0评论

接着上一篇《HTML5+Canvas实现一款圆形时钟动画特效》我们再来实现一个不一样的圆盘时钟,它有刻度,而且在下方还有3个小圆盘显示时分秒三个时间的准确数组。 废话不多说,我们还是老规矩,献上案例效果: 主要的实现源码如下:...

HTML5

蓝色的网站商城后台通用管理模板html源码免费下载

herman 6年前 (2017-12-31) 3738浏览 0评论

蓝色的网站商城后台通用管理模板html源码下载,网上有很多案例都需要注册充值金币才能下载。有很多网友在QQ群里对这个感兴趣,但是迫于很多网站需要注册,要金币,积分等。于是我这里有一份源码,免费分享给大家。 上图是运行效果,下载链接为...

HTML5

HTML5+Canvas实现一款圆形时钟动画特效

herman 6年前 (2017-12-31) 4490浏览 0评论

很多博客都一个圆形时钟摆件,看起来很炫。今天我借助HTML5和Canvas为大家实现一款会动的圆形时钟。 在学习本文之前,你需要对HTML5和Canvas有一定的基础知识。本案例的代码非常精简,总代码100行左右。下面我们先看看该时钟动画的...

HTML5

CSS3实现打乒乓球游戏动画效果

herman 6年前 (2017-12-30) 4542浏览 0评论

网上有很多关于 CSS3 的动画教程,只要大家学会了最基本的动画知识,任何有难度的动画效果都可以轻松的实现。今天为大家分享一款简易的打乒乓球动画。 该动画全部由 CSS3 实现的乒乓球动画特效,主要是模拟了乒乓球运动动画,画面上用 CSS3...

HTML5

HTML5响应式PC移动web登录页面源码分享

herman 6年前 (2017-12-30) 4532浏览 0评论

现在的项目越来越离不开移动端的设计。一般重新设计一套移动端的系统,太过麻烦,于是响应式便出现了,项目既支持PC端,又支持移动端。 今天我先给大家分享一个响应式设计的登录页面,同时支持PC,和移动web。以后还会分享一些其他的响应式组件,例如...

HTML5

CSS3 radial-gradient(径向渐变)教程

herman 6年前 (2017-11-29) 3822浏览 0评论

CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。实际开发的时候,当要使用radial-gradient径向渐变的时候,脑中会有大概的语法,但是细节却记不住,因此我这里整理一篇相...

HTML5

HTML5+WebGL实现的3D星云动画特效

herman 6年前 (2017-11-29) 4996浏览 0评论

这是一款基于HTML5和WebGL实现的3D星云动画特效案例。3D星云的效果类似星球爆炸。本文介绍它的实现和制作代码。 本文用到了HTML5、Canvas、WebGL、CSS3等知识点。整个画面模拟了一个星系的外观,比如模拟了太阳系,有很多...

HTML5

CSS mask-image属性详细介绍

herman 6年前 (2017-11-18) 6235浏览 0评论

CSS mask遮罩属性的历史非常久远了,远到比CSS3 border-radius等属性还要久远,最早是出现在Safari浏览器上的,差不多可以追溯到09年。 不过那个时候,遮罩只能作为实验性的属性,做一些特效使用。毕竟那个年代还是IE浏...

JAVA

websocket实现APP扫描二维码,自动登陆网站(扫码登录)

herman 6年前 (2017-11-12) 12989浏览 0评论

我了解网站扫描二维码并实现自动登陆功能是从微信哪里看到的,该功能体验还不错,减少密码被盗的风险。那么一个普通的网站该如何实现此功能呢?本文将借助websocket+java实现这一功能。 实现思路 后台系统,提供生成带参数的二维码...

HTML5

js实现rem自动匹配计算font-size

herman 6年前 (2017-11-11) 5719浏览 0评论

实际开发过程中,我们经常会被各种宽度,高度计算搞晕。尤其是使用了rem的计算方式,自适应布局难倒一大片程序员。为了解决这类问题,我觉得可以利用js监听屏幕宽度变化来实现更改HTML 根元素font-size的值。 下面是相关JavaScri...

HTML5

iframe父子窗口互相调用总结

herman 7年前 (2017-10-30) 2935浏览 0评论

关于 iframe 父窗口和子窗口相互的调用方法,我这里做个总结,方便以后用到。 父窗口调用iframe子窗口方法 HTML语法:<iframe name="myFrame" src="chil...

HTML5

CSS3 linear-gradient线性渐变生成加号和减号

herman 7年前 (2017-10-30) 3251浏览 0评论

在商城项目中,购物车是一个很重要的功能。其中最常见的是购物车中对库存的“+-”操作,包括抢购后面有很多算法。但是作为前端来说,购物车的结算中的+-就是一个计算而已。传统的实现方式是通过图片来实现+-按钮,而本文却将使用CS...