- 综合排序
- 最热优先
- 最新优先
- 来自专栏森屿暖树
前端特效学习6
效果图 HTML代码 <!Doctype html> <html> <head> <meta charset="utf-8"> <title>图片层叠</title> <link type="text/css" href="css/style.css" rel="stylesheet" /> </head> <body>
<input type="radio" name="slider" id="item-1" che32840编辑于 2022-03-23来自专栏终身学习者【网页特效】11 个文本输入和 6 个按钮操作 特效库
文本输入特效 1.power-mode-input PowerModeInput 可以让你的文本输入框更引人注目。 6.react-typewriter 适用于 react 的打字机的效果 地址：https://github.com/ianbjorndilling/react-typewriter 7.t-writer.js ---- 按钮操作特效 1.ElasticProgress ElasticProgress 可以创建一个有弹力效果的进度条。 2. vue-particle-effect-buttons 爆发粒子特效按钮组件。 6.css-ripple-effect css-ripple-effect 是一款使用纯CSS3制作的炫酷扁平风格按钮点击波特效。
3.5K40发布于 2020-09-03来自专栏趣谈前端分享CodePen上6个酷炫demo特效
烟火特效 用技术复原童年的烟火味, css代码: <css-doodle click-to-update><style> @grid: 30 / 60vmin noclip; border-radius * 360}deg; --tx1: #{(random(100) / 100) * 5 + 3}em; --tx2: #{(random(100) / 100) * 6 nth-child(5n + 4) { --angle: 216deg; } &:nth-child(5n + 5) { --angle: 288deg; } &:nth-child(n + 6) css代码: :root { --w: #fafafa; --b: #141414; --s: 1s; --d: calc(var(--s) / 6); } $d: var(--d height: 4vmin; } } @keyframes over-ring { 0%, 50% { z-index: -1; } 51%, 100% { z-index: 1; } } 6.
73510编辑于 2024-01-09来自专栏囍楽云博客canvas 文字特效-6个典型的HTML5文字特效示范
6个典型的HTML5文字特效示例 在HTML5出现之前，网页上的文字比较单一，除了设置大小、颜色、粗细之外，没有任何出色的特效，当然优秀的文字排版也能让页面显得舒服温馨，但是当我们需要让页面变得震撼惊奇的话 下面是6个典型的HTML5文字特效案例，仅供大家参考。 1、7组绚丽的jQuery和CSS3文字动画特效 文字特效在CSS3产生后也有了很大的发展，利用各种CSS3属性可以让你的文字在网页中分外动感。 4、CSS3燃烧的文字特效 这是一个用CSS3结合jQuery实现的燃烧的文字特效，这个特效主要用到了CSS3的text-shadow属性，并结合jquery动态渲染投影，从而实现了文字燃烧的效果。 6、6个典型的CSS3文字阴影 用CSS3实现文字的阴影效果非常简单，下面的6种阴影文字特效非常具有代表性。
3.3K20编辑于 2022-12-26来自专栏编程微刊纯JavaScript实现HTML5 Canvas 6种特效滤镜
小试牛刀，实现了六款简单常见HTML5 Canvas特效滤镜，并且封装成一个纯JavaScript可调用的API文件gloomyfishfilter.js。 支持的特效滤镜分别为： 1.反色 2.灰色调 3.模糊 4.浮雕 5.雕刻 6.合理 滤镜原理解释： 2.灰色调：获取一个预期点RGB值r，g，b则新的RGB值 newr =（r * 0.272）+（ scriptsrc=*"gloomyfishfilter.js"*></script> //导入API文件 gfilter.colorInvertProcess(binaryData, len); //调用 API 6、
1.8K10发布于 2020-11-02来自专栏MixLab科技+设计实验室视觉特效·AI视频抠图·换脸
好学的 ace 我最近在学习blender里的VFX，秀下我的学习成果~~ 视觉特效 Visual effects, 简称VFX 合成真人拍摄的镜头和计算机生成图像，以创造虚拟的真实场景。 其实不用呀，可以好好研究下AI视频抠图的技术 shadow eva 大批量的绿幕视频就有了。。 无界 配合上AI换脸之类的，素材更多了~~ 3D实时换脸技术 对，如果是偏艺术的素材，还可以有这种复活名画的玩法~~ shadow AR艺术滤镜 使用mediapipe的facemesh模型实现的
4.9K10发布于 2021-08-26来自专栏风吹杨柳2014-11-6Android学习------activity切换特效--------动画Animation学习篇
我学习Android都是结合源代码去学习，这样比较直观，非常清楚的看清效果，觉得很好，今天的学习源码是网上找的源码 百度搜就知道很多下载的地方 网上源码的名字叫：activity切换特效.zip我的博客写的比较乱 blog.csdn.net/u014737138/article/details/40861929 上篇文章我们学习了animation动画的四种情况，接下来就用这些情况实现一个activity切换的特效 overridePendingTransition(R.anim.hyperspace_in, R.anim.hyperspace_out); break; case 6:
57220编辑于 2022-03-07来自专栏AI研习社告别五毛特效，AI 轻松再现多层材料质感
AI 研习社按：这里是，雷锋字幕组编译的 Two minutes paper 专栏，每周带大家用碎片时间阅览前沿技术，了解AI领域的最新研究成果。 我们常常吐槽五毛特效，而五毛特效往往是因为制作水平低，对仿制的虚拟图像处理不过关，造成特效效果差，虚拟图像和画面间有着肉眼可见的强烈违和感。 其实也不能单纯的怪制作水平低。
49630发布于 2018-07-26来自专栏青年码农3D特效｜精选6款超漂亮炫酷的CSS源码
这次我们整理了6款最新的HTML5/CSS3特效及源码，这些特效包括3D花、3D立方体加载动画、3D粒子特效、3D时钟、3D旋转灯、3D原子，一起来看看吧。 1.3D花 2.3D立方体加载动画 3.3D粒子特效 4.3D时钟 5.3D旋转灯 6.3D原子 每款都是单独文件夹，不涉及外部引用。 还是老样子，代码已上传到网盘，获取源码请关注公众号【青年码农】回复【3D特效】即可。 青年码农-获取更多.jpg
1.9K1513发布于 2020-10-13来自专栏云计算linuxCanvas 渐变特效
51810编辑于 2024-12-17来自专栏CSDNToQQCodebubble气泡特效
看看人家的气泡效果： 人家直接引入即可，超方便： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script src="https://cdn.jsdelivr.net/npm/bubbly-bg@0.2.3/dist/bubbly-bg.js"></script> <script>bubbly();</script> </b
3.5K20编辑于 2022-11-29来自专栏Blank网站雪花特效
--网站雪花特效--> <script src='https://api.vvhan.com/api/snow'></script>...
1.8K20编辑于 2023-04-12来自专栏大前端（横向跨端 & 纵向全栈）Canvas特效动画
给大家分享一个用Canvas绘图写成的动画特效，动画的效果如下： 以下是代码实现： <! DOCTYPE html> <html> <head> <title>Canvas特效动画</title> <style> canvas {
1.7K10发布于 2020-11-26来自专栏HTML+CSS前端电风扇特效
一、今天我来分享一个电风扇特效！ 1、这个电风扇特效是有一二三档的风力，外关不是做的特别好，所以大家不要建议，代码块在下面，大家自行观看。 2、后面我会分享更多酷炫的特效和代码，大家给一个关注以后方便查找！！！ <! device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>海拥 | 风扇开关特效 #3c8a93; position: absolute; top: 99px; z-index: 2; transform: rotate(120deg); } #fan .mask .line_6 #0e6873; cursor: pointer; top: 296px; z-index: 12; left: 80px; box-shadow: inset 2px 2px 6px
2.2K10编辑于 2022-11-14来自专栏Java实战博客头像闪光特效
特殊说明：以上文章，均是我实际操作，写出来的笔记资料，不会盗用别人文章！烦请各位，请勿直接盗用！转载记得标注来源！
1.8K10编辑于 2022-01-19来自专栏腾讯云开发者社区推荐这些有趣的AI人脸特效背后，腾讯云都做了什么？
视频内容 一、腾讯云人脸特效产品及案例 我们知道在人脸特效里面用到了很多的 AI 技术，其实 AI 早已经走入我们的生活，给我们生活带来很多的变化，大家可以想一下在生活中遇到的使用AI的场景。 6.jpg 如上图所示，其中左边是一个变化年龄的活动，大家可以看到这个过程，首先上传用户图，然后可以选择变换年龄，整体效果非常不错。 好的，以上就介绍了我们整体的功能，相信大家应该有了一定的了解，接着我们来介绍下人脸特效背后的技术原理。 二、人脸特效背后的 AI 技术和原理 1. （小伙伴们有没有觉得案例上的人像有点熟悉呢） （6）CNN加速处理 接着我们来说一下我们怎么来对我们的网络进行加速，我们了解到深度学习或者说新的网络，它的规模越来越大，训练难度也越来越大，现在计算量也越来越大 当然总体来说一个数学底子好的同学，在学 AI 这方面还是会比较轻松。
7.2K6320发布于 2020-06-15来自专栏AI算法与图像处理深度学习AI美颜系列——人像静态动态贴纸特效算法实现
作者 | Trent1985 来源 | CSDN博客 人像静态/动态贴纸特效几乎已经是所有图像视频处理类/直播类app的必需品了，这个功能看起来复杂，实际上很简单，本文将给大家做个详细的讲解。 这两张效果图中， 我们可以看到一些可爱的圣诞帽贴纸和小鹿形象贴纸，在人脸区域，自动贴上不同的贴纸，便会生成很多有趣的特效，这也是大家爱不释手的原因。 finalBbox[0].y2 - finalBbox[0].y1; faceInfos[5] = finalBbox[0].ppoint[0]; faceInfos[6] ppoint[5]; faceInfos[7] = finalBbox[0].ppoint[1]; faceInfos[8] = finalBbox[0].ppoint[6] , int maskFacePoints[6], int ratio) { int ret = 0; float H[6]; GetTexTransMatrix(maskFacePoints
2.7K10发布于 2019-11-09来自专栏贾志刚-OpenCV学堂AI实时特效，魔幻修图，Adobe Photoshop相机拯救PS菜鸟
来源：机器之心 上传一张特效照片需要几步？常规来说需要三步：拍照→修图→发布。为了拯救手残党，Adobe 将 Photoshop 的部分功能搬到了相机上，让「拍照+修图」一气呵成。 ? 照片来源：https://twitter.com/TanyaAvrith/status/1191434052156309505 AI 加持，「偷天换日」不在话下 为什么 Adobe 可以把 Photoshop 这一切都离不开一款名为 Adobe Sensei 的底层 AI 软件。 Adobe Sensei 并非一款单独的软件产品，而是一个可以应用于 Adobe 旗下各款产品的底层人工智能工具。 除了常用滤镜，还有各种照片特效，让普通人一键拍出「好莱坞大片」。 据说一些由 Sensei 驱动的 AI 功能也会陆续添加。 参考链接：https://www.creativebloq.com/news/photoshop-camera
1.7K31发布于 2019-11-11来自专栏贾志刚-OpenCV学堂深度学习AI美颜系列----AI美发算法(美妆相机天天P图染发特效)
1.AI头发分割模块 基于深度学习的目标分割算法已经比较成熟，比较常用的有FCN，SegNet，UNet，PspNet，DenseNet等等。 更多相关阅读 深度学习AI美颜系列----AI人像美妆算法初识 深度学习训练-详解图像数据标准化与归一化 理解CNN卷积层与池化层计算 VGG卷积神经网络模型解析
3.3K52发布于 2018-08-06来自专栏vue的实战css抖动特效
/style.css" rel="stylesheet"> <title>CSS 波浪文本动画特效</title> <link> <style> * { background: #000; } .wavy { position: relative; /* box-reflect: 倒影特效 载 中 <span style="--i:<em>6</em>"
2.6K20发布于 2020-03-26
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号