优惠券 波浪 效果css
纯前端仿GPT流式打字效果的js库，类似通义千问或者其他AI界面的打字效果
因为GPT以及国内各大模型的发布，很多官网都设计的是，仿造流式打字效果，下面这个js库就能轻松实现。 typed.js 具体实现代码参考下面： <span id="subTitle"></span> <script src="https://unpkg.com/typed.js@2.0.15/dis ......
网页支持传统蒙古文排版样式HTML+CSS
传统蒙古文排版跟大部分文字排版不一致，需要从上到下书写，然后从左到右的排版。 样式文件如下： .vertical-text { -webkit-writing-mode: vertical-lr; -moz-writing-mode: vertical-lr; -o-writing-mode: ve ......
CSS 表单
一个表单案例，我们使用 CSS 来渲染 HTML 的表单元素： CSS 实例 input[type=text], select { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px s ......
自己动手，通过源码找回 Ant-Design-Blaozr 中 Tree 组件的搜索筛选效果
最近更新一个Blazor server的项目，顺带把用到的 Ant-Design-Blazor 升级到了最新的 0.14.4，结果发现之前在 0.8.4 版本中 Tree 组件的搜索显示效果变了，从仅显示找到的节点变成了在全部节点中高亮显示匹配的结果，为了节省用户沟通成本（就是懒得跟最终用户费口舌解 ......
3、Web前端学习规划：CSS - 学习规划系列文章
CSS作为Web前端开发的第2种重要的语言，笔者建议在学了HTML之后进行。CSS主要是对于HTML做一个渲染，其也带了一些语言语法函数，功能也非常强大。 1、 简介； CSS（层叠样式表）是一种用于描述网页样式的语言。它可以控制网页中的字体、颜色、布局、背景等方面的样式。CSS可以与HTML和Ja ......
JS倒计时效果
倒计时实现思路：1-用户输入的时间减去当前的时间就是剩余的时间，即倒计时2-不能用时分秒直接相减，因为出来的结果会是负数，比如01分减去15分，结果是负14分3-需要引入时间戳的概念，用户输入时间的总毫秒数减去当前时间的总毫秒数，得到的就是剩余时间的毫秒数4-最后把剩余时间的毫秒数转化成天、时、分、 ......
css 图片鼠标放大动画
.img_wap { padding-bottom: 56%; width: 100%; overflow:hidden; position: relative; display: block; } .img_wap img { width: 100%; height: 100%; position ......
涨姿势了，有意思的气泡 Loading 效果
今日，群友提问，如何实现这么一个 Loading 效果： 这个确实有点意思，但是这是 CSS 能够完成的？ 没错，这个效果中的核心气泡效果，其实借助 CSS 中的滤镜，能够比较轻松的实现，就是所需的元素可能多点。参考我们之前的： 使用纯 CSS 实现超酷炫的粘性气泡效果 巧用 CSS 实现酷炫的充电 ......
vscode如何设置HTML/CSS/JS保存后自动格式化？
具体操作：点击小齿轮，选择设置按钮 第二步：点击右上角按钮，进入设置页面 第三步：粘贴自动保存的js代码！ "editor.formatOnType": true, "editor.formatOnSave": true, ......
css绘制三角形
<style> /* 想要哪个方向的三角形，把其他方向的颜色换成transparent就ok啦 */ .box { width: 0px; height: 0px; border-top: 100px solid orange; border-left: 100px solid pink; bord ......
什么叫真正的Windows系统音频终极增强效果器
什么FXSound，什么DTS，什么杜比音效之类的，我说句好听点儿的，这些都是弟弟，想用它们把自己的音箱调教成喜欢的效果，不好意思，它们做不到，换句话说就是鸡肋，食之无味，弃之可惜！因为这些软件处理之后的效果没有一种是不失真严重的，原始音频信号不说丢失大半，最少也得丢失个百分之二三十，这根本谈不上享... ......
css 常用的文本样式、选择器、浮动和定位
常用的文本样式 ~ color 设置文字的颜色 color：red ~ font-size 设置文字的大小 font-size：12px ~ font-family 设置文字的字体 font-family：微软雅黑 ~ font-style 设置字体是否倾斜 font-style：“normal” ......
css 基本语法
CSS：层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言，不仅可以修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 基本语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明 选择器：需要改变样式的HTML 元素 声明：由一个属性和一个值组成，每个属性有一个值 ......
CSS层叠样式表
CSS层叠样式表 主要用来调节html标签的各种样式 """ 思考:页面都是由HTML构成的 并且页面上有很多相同的HTML标签 但是相同的HTML标签在不同的位置可能有不同的样式 我们如何区分标签 标签的两大重要属性>>>:区分标签 1.class属性 分门别类 主要用于批量查找 2.id属性 精 ......
【manim动画教程】--常用动画效果
manim的主要功能就是制作动画，因此它提供了各类丰富的动画效果， 本篇主要介绍其中最常用的几种动画效果。 至于特殊的动画效果，以及自定义动画效果的方法以后再另外介绍。 1. 创建效果 展示某个元素或者文字时，一下子就全显示出来会显得比较突兀，通过创建效果的动画，让各个元素的出现更加的自然。 常用的 ......
Vue+echarts实现中国地图射线效果
效果图如上 前提是安装Echarts并引入 并且配置中国地图json文件这些都在同账号另一篇博客上有说明，查看请自行移步 下展示代码 <template> <div class="managingPatientSize"> <el-row> <el-col :span="6">1</el-col> ......
结对编程作业：在简单的java GUI计算器上添加按键效果。
本次结对编程作业主要内容为：利用jlayer外部jar包实现简单的音效效果，主要利用到java多线程，GUI监听，jlayer外包引入实现。 本博客中，本人（2152111）姑且称之为“小利”，伙伴（2152117）称为“博士”（他本人起的）。 注：原计算器代码由小利之前编写的，不来源于网络，本次结 ......
CSS基础：块状元素、内联元素、内联块状元素(行内元素)
css基础：块元素、内联元素、内联块元素 CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。 1.常用的块状元素有： <div>、<p>、<h1>-<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquot ......
CSS修改input中的placeholder默认颜色
使用 input-placeholder 属性来修改placeholder的默认颜色： 为了兼容不同的浏览器内核，要添加不同的前缀 input::input-placeholder { color: #999; } input::-webkit-input-placeholder { /* Chro ......
解决JSP中写el表达式没有效果
原因：web.xml中使用的web-app版本过低。 解决： 首先确保导入的el表达式的依赖 <!-- https://mvnrepository.com/artifact/javax.el/javax.el-api --> <dependency> <groupId>javax.el</group ......
CSS杂谈——flex布局里面的auto到底多长
本篇博客将以 “ flex 布局里设置 auto 的区块怎么让文案超出省略的问题” 作为切入点，来分析一下 flex 布局里面各子项的具体长度到底怎么计算。 从需求出发谈 flex 布局 我们有一个 H5 项目，类似于微信的通讯录界面，前面是头像，后面是昵称。 所以我们一开始的代码是这么写的： <d ......
记录-css实现交融文字效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 CSS是有魔法的，我们今天来实现一个CSS的动画效果，只需要几行代码就可以搞定。 第一步、我们要将一行文字从中间展开 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ......
css steps实现文本一个字一个字显示
大致思路： 使用相对定位的div覆盖文本内容，并用animation控制宽度，位置。 换行步骤在外层div上控制高度即可。 css的steps与animation一起使用可以控制文字单个显示，类似于文本输入，不过显示频率是线性。 添加一些css变量控制步骤宽度、高度和时间等，便于vue中也通过组件的 ......
如何隐藏一个元素？&&css中出现了两个一样的类定义，如何避免冲突？
1.如何隐藏一个元素？ 1.使用display属性：设置元素的display属性为none，这样元素在页面上不会占用任何空间，同时也不会对其他元素造成影响 2.使用visibility属性：设置元素的visbility属性为hidden，这样元素在页面上不可见，但仍然占用空间 3.使用opacity ......
css变量声明使用
今天跟朋友聊天被推荐的一个css变量使用,感觉挺方便的,适用于各种页面,类似于scss less ~好处是减少样式代码的重复性，增加样式代码的扩展性和灵活性 简单使用: <style> :root { --color:#000; --width:200px; } body { color : var ......
实现页面展示左右上下错位效果
前言：有个需求，页面显示类似淘宝首页那样左右上下错位展示效果，还有点时间，所以试验记录下效果。 ##1、分左右栏布局 <html> <style> .list_left, .list_right { width: 50%; float: left; } .list li { width: 45%; ......
CSS 实现垂直居中的5种方法
方法1：使用绝对定位和负外边距对块级元素进行垂直居中 优点：兼容不错。缺点：必须提前知道被居中块级元素的尺寸 .father { width: 300px; height: 300px; background-color: red; position: relative; margin-bottom ......
css组合选择符和less中&作用
1.后代选择器（空格分隔） 2.子元素选择器（>分隔） 3.相邻兄弟选择器（+分隔） 4.普通兄弟选择器（~分隔） 1.后代选择器 ： 用于选取某元素的后代元素 以下实例选取所有 <div> 元素中的<p> 元素 <style> div p { background-color:yellow; } ......
CSS实现菜单选项向外圆角效果
最终效果 实现方法 1. ::before、::after伪元素裁剪拼接 完整代码： 示例中图标引用了iconfont，地址 点击这里 html代码 <body> <ul> <li class="active"><i class="iconfont"></i></li> <li><i ......