Articles under the label of css

  1. Home
  2. css

用 CSS3 实现抖音的故障艺术

回想校园时期博主还是个艺术生，记得当时的有一节课里我们的艺术系老师就教我们如何去用PS设计一个类似于抖音的故障艺术。现在我们来试试使用前端技术实现一个同样，或者更好的效果。

  • YH_evIs
  • July 24, 2020
  • No comments
    •

    班级官网

    这个项目原型本身是我的毕业设计作品，现在正在重构阶段。至于重构原因，博主本身是艺术生，毕设相关的路线是视觉方向的，相对的功能性也比较差，而我现在的想法是让他成为一个具有实际意义的官网，但因为当时做毕设的时候太急并没有考虑那么多因素，导致代码耦合度高 后期维护乏力，所以再三思考一下还是选择了重新设计+开发。项目的技术栈：后端：mysql+php+laravel框架前端：vue全家桶+eleme...

  • YH_evIs
  • January 21, 2020
  • 2 comments
    •

    【转载】统一浏览器风格的一些css全局样式

    The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discuss...

  • YH_evIs
  • January 14, 2020
  • No comments
    •

    【转载】用css制作充电效果

    这篇文章是在掘金上看到一篇文稿精简后整理而来的，需要更详细的资料可以阅读原文完整Demo起步先搞个空的css电池撸一个最普通的充电动画：增加阴影及颜色的变化：知识点到这里，其实只有一个知识点：使用 filter: hue-rotate() 对渐变色彩进行色彩过渡变换动画我们无法对一个渐变色直接进行 animation ，这里通过滤镜对色相进行调整，从而实现了渐变色的变换动画。<div ...

  • YH_evIs
  • December 25, 2019
  • 2 comments
    •

    博客欢迎页面

    这个页面是我花了一天的时间写的，现在准备给它开源出来，具体的教程可以看项目地址中的README ::paopao:tieba_emotion_90:: demo效果可以看这里项目地址：https://github.com/YHevIs/Blog-welcome-page

  • YH_evIs
  • December 4, 2019
  • No comments
    •

    CSS 实现毛玻璃效果

    实现思路具体效果展示可见红框框起来的部分实现该效果的方法有多种多样，但最泛用的都是利用伪元素的滤镜效果实现： filter: blur();利用blur属性可以直接让元素呈高丝模糊状态：wlop大佬的原图：添加了blur属性后：我们可以看到元素确实是呈高丝模糊状态了，但是边缘羽化过于严重，而且我们会发现blur把连同在内的文字全部模糊了：要解决这两个问题我们就需要给伪元素设置这两个样式...

  • YH_evIs
  • October 31, 2019
  • 1 comments