标签:HTML
本文将介绍一个小技巧,通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。 起因 一日,一群友私聊问我。如何使用 CSS 实现下述效果,一个文字的波浪效果: 我当时想都没想,就回答道,这个很简单啊。 熟练的打开 CodePen,一顿操作,卧槽,好像事情没有那么简单。想要用
背景 近期学习了 WebGL 和 Three.js 的一些基础知识,于是想结合最近流行的酸性设计风格,装饰一下个人主页,同时总结一些学到的知识。本文内容主要介绍,通过使用 React + three.js 技术栈,加载 3D模型、添加 3D文字、增加动画、点击交互等,配合样式设计,实现充满设计感
    代码规范是软件开发领域经久不衰的话题,几乎所有工程师在开发过程中都会遇到或思考过这一问题。而随着前端应用的大型化和复杂化,越来越多的前端团队也开始重视代码规范。同样,前段时间,笔者所在的团队也开展了一波开源治理,而其中代码规范就占据了很重要的一项。接下来的几篇文章,将会对JS代码规范、CS
一、CSS基本用法 (CSS: Cascading Style sheet) 样式引用 行内样式 CSS写在html文件中的body里面 例如: <body> <p style="color:red;">五星红旗的底色是红色的,上面的五个<sapan styl
下面是效果展示图   html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib
到国庆了,大家都急着给祖国母亲庆生。 每年每到此时,微信朋友圈就会流行起给头像装饰上国旗,而今年又流行这款: emm,很不错。 那么,将一张国旗图片与我们的头像,快速得到想要的头像,使用 CSS 如何简单实现呢? 有人认为是改变其中一张图的透明度,实际上不是的。仔细观察合成后的头像,最左边的基本
Github学习心得 Git简介 Git是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理,也是[Linus Torvalds](https://baike.baidu.com/item/Linus Torvalds/9336769)为了帮助管理Linux内核开发而
框架描述 WebFirst  是一新代的 代码生成器,用法简单,功能强大,支持多种数据库 ,具体功能如下: 一、 建库、CodeFirst方式在线建表,没用到CodeFirst的用户可以用工具轻松体验,支持公共字段 二、导出EXCEL文档,把每个表的数据导出来 三、模版管理 可以自个添加修改模版,
本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow(),实现对 HTML 元素及 SVG 元素的部分添加阴影效果,以实现一种酷炫的光影效果,用于各种不同的场景之中。通过本文,你可以学到: 如何利用 filter: drop-shadow() 对元素的部分内容添加单重及多重阴
首先需要设置宽 white-space: nowrap;// 文字不换行 overflow: hidden;// 超出隐藏 text-overflow: ellipsis;   实现移入后正常显示的可以加:hover overflow: visible; text-overflow: clip;
HTML学习完成以后,我们就要开始学习CSS的相关知识,CSS是用来修饰网页内容的一种语言。 层叠样式表(Cascading Style Sheets,缩写:CSS),是一种样式表语言,描述如何显示HTML元素。 引入方式 1.内联/行内 <p style='color:red;'>
在过完了十一小长假之后,各位打工人、学僧党可期待的不仅仅是新一轮的工作,Windows11也在10月5日悄悄正式发布,正式版已经面向MSDN订阅用户开放下载。 作为微软金牌合作伙伴,本葡萄已在第一时间拿到了安装包,秉持着只要我更新的速度够快,旧版本就追不上我的态度,让我们火速打开相关内容,一起来
当我们在进行网页前端开发的时候,一般获取文章标题,然后一行一行的显示。但是当标题过长的时候,就会造成换行显示。还有显示部分文本信息时,如果全部显示就过于繁琐,会带来不会的网页体验感。虽然我们可以使用overflow:hidden将超过宽度的字符隐藏掉。但是结尾看起来总会让人觉得有点僵硬。而且也不
padding 是一个简写属性,定义元素边框与元素内容之间的空间,即上下左右的内边距。 一个元素的内边距区域指的是其内容与其边框之间的空间 注意:内边距控制的是元素内部空出的空间,相反,margin 操作元素外部空出的空间   padding属性构成 padding-top:内容上边距
背景 不久前我做了关于获取浏览器摄像头并扫码识别的功能,本文中梳理了涉及到知识点及具体代码实现,整理成此篇文章内容。 本文主要介绍,通过使用基于 vue 技术栈的前端开发技术,在浏览器端调起摄像头
margin 简写属性在一个声明中设置所有外边距属性。该属性可以有1到4个值 注意: 外边距控制的是元素外部空出的空间。相反,padding 操作元素内部空出的空间 还有就是上、下外边框的设置对内联元素无效,如:<span> 、 <code> margin属性构成 m
前言   首先得感谢Angel_Kitty, 小姐姐的博客 impress me deeply!!! ,所以我忍不住cv了好多她的样式,感觉我没救了(二次元化有点严重) 中间经过了一些波折,有的样式在小姐姐的博客中有,有的cv显示不正常(可能是我姿势不对),有的自己改一下,cv一下别人的,结果背景