首页 > TAG信息列表 > 超酷

超酷炫的转场动画?CSS 轻松拿下!

在 WeGame 的 PC 端官网首页,有着非常多制作精良的基于滚动的动画效果。 这里我简单截取其中 2 个比较有意思的转场动画,大家感受感受。转场动画 1: 转场动画 2: 是不是挺有意思的,整个动画的衔接是基于滚轮的滚动触发的。我猜测是使用了类似 TweenMaxJS 的动画库实现。 当然,这两处酷

超酷!!HTML5 Canvas 水流样式 Loading 动画

今天我们要分享另外一款基于HTML5 Canvas的液体流动样式Loading加载动画,这款Loading动画在加载时会呈现液体流动的动画效果,并且由于和背景颜色的对比,也略微呈现发光的动画效果。 效果预览 代码实现 HTML代码 接下来我们讲讲实现这个加载动画的大致思路和实现过程。 首先在页面上

我为大家带来了15张超酷的登录界面!!!

大家在评论区投出自己认为最好的一张,小T会完整的使用Flutter复刻出来,并分享源码 所有设计图来自搜狐西见于2020年6月发起的设计挑战:链接在这里 以下所有设计图均来自网络,如有侵权,请联系我删除,感谢各位分享~ 本人最喜欢的一张: 这张的配色使我很舒服 其他的十四张: 1.这张的色

超酷JS拖拽翻页效果

<html> <head> <title>超酷JS拖拽翻页效果</title> <meta http-equiv=content-type content="text/html; charset=gb2312"> <style> body{ border:0px; margin:0px; overflow:hidden; background-colo

超酷! Atlas给黑白视频“上色”

摘要:随着人工智能技术发展,AI已经能够为黑白的老视频 “上色”,重现昔日的情景,让黑白图像变得栩栩如生。 怎么样,是不是看起来题目跟昨天的博客名称差不多?昨天是图片,今天是视频。从道理上说,将视频中的图像一一抓取,上色,合起来就是视频了。。。(我猜原理就是这样的) 所以,让我们把18.04

让你的程序炫起来!少有人知道但超酷的 Python 进度条开源库

本文适合有 Python 基础的朋友 本文作者:HelloGitHub-Anthony HelloGitHub 推出的《讲解开源项目》系列,本期介绍让你快速拥有完美进度条的 Python 三方库——alive-progress, 项目地址:https://github.com/rsalmei/alive-progress 不知你是否有过这样的经历:你写了一个程序,每次运

SwiftUI iOS 超酷组件之支持文本分割炸裂徽标效果 正则 ViewModifier(教程含源码)

实战需求 SwiftUI iOS 超酷组件之支持文本分割炸裂徽标效果(教程含源码) 本文价值与收获 看完本文后,您将能够作出下面的界面 看完本文您将掌握的技能 若要分隔文本,组件需要两个重要的信息。一个是要爆炸的文本,另一个是定界符,用于定义应应用哪个规则进行爆炸。提供了五种不同的

60款mac超酷炫动态苹果免费屏保壁纸

想要拥有超酷炫的动态壁纸吗?今天我就为大家推荐一款在 macOS 平台上的「屏保」程序,Brooklyn 是一款 Github 上的免费「屏保」程序,它的设计灵感来自去年 10 月份的苹果发布会,多彩绚丽的苹果 Logo 至今让人印象深刻。不仅为您带来视觉上的享受,还能不增加电脑内的硬件负担。本文由「M

三种方法的优先级

有的小伙伴问了,如果有一种情况:对于同一个元素我们同时用了三种方法设置css样式,那么哪种方法真正有效呢?在右边编辑器就出现了这种情况 1、使用内联式CSS设置“超酷的互联网”文字为粉色。 2、然后使用嵌入式CSS来设置文字为红色。 3、最后又使用外部式设置文字为蓝色(style.css文件

炫技!超酷的HTML 3D动态效果

代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Wanna tell her - interactive DHTML</title> <meta http-equiv="imagetoolbar" c

JS超酷时钟的制作

通过补充代码,实现时钟实时显示当前时间:年、月、日、时、分、秒、日期。 <!DOCTYPE html><html><head lang="zh-CN"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user

基于Kinetic框架实现超酷的风铃悬挂摆动效果

在踏得网开发过程中,我们在引导页面中设计并实现了一个风铃摆动的交互效果。利用Canvas画了几个错落有致的六边形风铃标签,鼠标hover上去的时候会出现轻微摆动以及模拟风铃随风飘扬的音效。在线演示页面:超酷的风铃悬挂摆动效果by iefreer

HTML页面中5种超酷的伪类选择器:hover效果

想在自己的网站中应用超酷的hover效果吗?也许你可以从如下的这些实例中获得一些灵感,如果你喜欢这些效果,也可以直接拷贝代码并应用到你的站点。 给平淡的站点带来活力 hover效果能给网页增加一些动态效果,并且使得站点更具有活力。原来的做法是使用javascript来实现这些动态效果,但是