18910140161

前端开发

首页 >> 前端开发

CSS filter 有哪些神奇用途

复古、版画、油画、漫画、液化、老照片、性冷淡、莫兰迪、赛博朋克、旺达幻视风格通通都可以实现！背景 基本概念 CSS filter属性将模糊或颜色偏移等图形效果应用于元素形成滤镜，滤镜通常用于调整图像，

顺晟科技

2022-09-13 11:54:56

309

CSS设计模式介绍

一、 常见CSS设计模式分析 oocss Object Oriented CSS，面向对象的CSS，旨在编写高可复用、低耦合和高扩展的CSS代码。 OOCSS是以面向对象的思想去定义样式，将抽象（结构

顺晟科技

2022-09-13 11:54:46

166

只需5分钟！一文读懂CSS布局（二） -- flex布局

css3中flex布局详细解读，图文解析，更带有思维导图目录简介 基本概念容器属性1. flex-direction测试代码2. flex-wrap 3. flex-flow 4. justify-c

顺晟科技

2022-09-13 11:54:36

115

CSS 奇思妙想 | Single Div 绘图技巧

经常能看到有关 CSS 绘图的文章，譬如使用纯 HTML + CSS 绘制一幅哆啦 A 梦图画。实现的方式就是通过堆叠 div，一步一步实现图画中的一块一块。这种技巧本身没有什么问题，但是就是少了一些

顺晟科技

2022-09-13 11:54:26

146

[Python]神器:细流 只用Python开发一个运维管理后台(不需要写html js css)

背景 作为SRE，我们有很多很多自动化的工具，大部分都是自动运行的，还有一部分是CLI，我们一直苦于没有一个自己的管理后台网站，受限于前端能力薄弱，开发出来的网页只能说凑活能用，但是不好用。 现在我们

顺晟科技

2022-09-13 11:54:16

131

通过CSS设计模式构建自己系统的CSS体系结构

theme: qklhk-chocolate传统的CSS书写风格是随意命名，堆叠样式，造成了混乱不堪的结果，复杂页面的样式书写通常会出现几百行甚至上千行的代码，CSS设计模式在实际应用中的横空出世拯救

顺晟科技

2022-09-13 11:54:06

215

仅用CSS几步实现赛博朋克2077风格视觉效果

我非常喜欢赛博朋克2077官网的设计风格，因此本篇文章主要以2077官网为例，通过几个例子，依次实现赛博朋克风格元素效果。背景 文章开始之前先简单了解下什么是 赛博朋克，以及什么是 赛博朋克2077。

顺晟科技

2022-09-13 11:53:56

169

CSS ::marker 让文字序号更有意思

本文将介绍 CSS 中一个比较有意思的伪元素 ::marker，利用它，我们可以让我们的文字序号变得更加的有意思！ 什么是 ::marker CSS 伪元素 ::marker 是从 CSS Pseud

顺晟科技

2022-09-13 11:53:46

171

css--常见左右盒子高度自适应布局

前言前端开发工程师最基础的技能要求是根据 ui 设计稿还原网页，这就缺少不了必要的网页布局，首先看下最近小伙伴问我的一个问题，他说一个网页有左右两个部分，左右两个部分的高度都不固定，要使得右部分的宽度

顺晟科技

2022-09-13 11:53:36

438

循序渐进BootstrapVue，开发公司门户网站（2）--- 使用wow.js动画组件以及自定义的CSS样式处理动态效果

在我们开发的页面中，让页面有一些动画效果，可以让页面更加有吸引力，只要不是处理太过，一般人还是希望有一些动态效果，如滚动动画加载，悬停处理变化等效果，本篇随笔介绍使用wow.js动画组件以及自定义的C

顺晟科技

2022-09-13 11:53:26

283

推荐阅读
随机推荐
我们已经准备好了，你呢？
获取网站建设报价
2024我们与您携手共赢，为您的企业形象保驾护航！