首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果

    本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow(),实现对 HTML 元素及 SVG 元素的部分添加阴影效果,以实现一种酷炫的光影效果,用于各种不同的场景之中。...对元素的部分内容添加单重及多重阴影,以及利用多重阴影实现 Neon 效果 HTML 元素配合 filter: drop-shadow() 以及 SVG 元素配合 filter: drop-shadow() 生成的光影效果...使用 WebGL 实现的线条光影 Neon 动画 某天在逛 CodePen 的时候,发现了一个非常有意思的,使用 WebGL 实现的线条光影效果 -- NEON LOVE,非常的有意思: 但是由于源代码是使用...JavaScript 脚本求出) 整个动画过程 2s,设置其中一个的 animation-delay: -1s,也就是提前 1s 触发动画,这样就实现了两个心形线条的追逐动画 效果如下: 给线条添加光影...其中一大类是运用于按钮之上,可以实现按钮带光影的按钮效果,下图是其中一个的示意,巧妙运用 stroke-dashoffset,它可以有非常多的变形: 完整源代码可以猛击 CodePen -- Neon

    1.2K20

    腾讯PCG光影研究室 - 校招&社招火热开启,喊你上车!

    腾讯光影研究室 Tencent GY-Lab 影像前沿 创意无限  魅力光影 与你同行 校招同学敲重点!!!...团队在语义分割、目标检测、分类识别、GAN生成对抗等方面均有深厚的技术积累,目前,QQ、微视等超20款业务产品中均有光影研究室技术的身影。...2 光影的工程能力 Light3D渲染引擎 光影研究室内部开发的Light3D引擎是一个安装包小易于接入的3D引擎。...3 光影的算法能力 光影研究室内部深度学习的训练效率有专门的团队同学支持做优化工作,其中一些训练任务可以达到30倍以上的加速,大大提高了研发效率。...近几年,AI领域的生成对抗网络(GAN)发展迅速,光影研究室在该领域取得了相关突破性的进展。

    2.2K30

    腾讯光影研究室凭GYSeg算法斩获MIT场景解析评测第一

    近日,腾讯光影研究室(Tencent GY-Lab)凭借自研语义分割算法GYSeg,在MIT Scene Parsing Benchmark 场景解析任务中刷新世界纪录拔得头筹,领先商汤科技、亚马逊、复旦...针对ADE20K数据集的特点,腾讯光影研究室所自研的GYSeg算法,在网络结构设计、loss约束以及数据增强上进行大量训练和优化,以确保在庞大且复杂场景下的准确率。...目前,基于行业前沿的AI技术框架,光影研究室已经实现了人像分割、头发分割、天空分割和视频分割等多项算法,并将前沿的分割能力结合丰富的玩法创意,给用户提供更酷炫的拍摄和视频编辑体验。...此前刷新微视视频特效制作量新纪录的王者脸,以及QQ上线的国内首创光头特效,均是腾讯光影研究室利用生成式对抗网络 GAN所打造的独特体验。...未来,光影研究室也将持续深耕AI前沿技术的研发和积累,探索并开放更多场景的创意玩法及能力,为用户提供充满趣味惊喜的社交新体验。 关于腾讯光影研究室 ?

    97210
    领券