标记文本
HTML网页中实现高亮显示滚动到视图中的文本。利用 Intersection Observer API 以及 GSAP ScrollTrigger 两种技术实现了高亮显示滚动到视图中的文本效果。这两种技术可以通过实时监测屏幕中的某些“元素”...
文字标记
纯 CSS 实现的轻量级文本高亮标记效果只使用 CSS 实现的文本不同颜色高亮显示文本效果,可以突出标记重点段落或文字,非常的轻量级,只需要在需要将需要高亮突出的文本置于*-highlight标签中即可,*代表的是颜色,比如green...
可变字体
JavaScript 会呼吸的文字动画效果利用 JavaScript 结合 splitting.js 插件实现的文字收缩动画,其中 splitting.js 负责分词,JavaScript负责生成最终类似于呼吸的伸缩效果,该款效果应用于...
光标放大
CSS JS 悬浮光标放大镜片效果代码实现的是一种鼠标悬停效果,具体表现为:当鼠标悬停与文字之上时,会出现类似于放大镜的圆形光标,透过圆形小镜子效果文字会变色,使用这种效果可以突出文字,提高主要内容的视觉吸引力,实现方式是通过 ...
标记突出
利用标记动画突出 div 中的文本 jQuery 插件这是一款功能齐全的 jQuery 文本高亮动画插件。这个 jQuery 插件可以高亮显示 div 中的文本(或页面中的任何文本)内容,可以使用自定义的颜色轻松突出显示行、段落、单个文字或句子,同...
图像热点
基于 JS 实现的响应式图像热点区域标记效果该代码可以在网页上创建响应式图片热点区域标记,它的工作原理是在图片上的指定区域设置热点样式(+号),以便在点击时显示更多详细信息,这种效果可以标记出图片或者其他块级元素的重点区域,让用户一眼就能...
首字放大
CSS 控制 HTML 段落首个文字/字母放大本 CSS 代码片段可帮助您将 HTML 文档段落中的首字母变大,中文效果为:段落第一个字突出变大,原理是使用 CSS 首文字伪选择器创建了一个醒目的大首文字,具有独特的字体、颜色和可选样式。所...
浮动按钮
在Bootstrap5中实现页面右下角浮动联系方式按钮此代码片段可为您的 Bootstrap 5 项目添加一组浮动操作按钮。放置在右下角,并且支持通过按钮展开或者折叠功能按钮,显示二级操作按钮,以便快速访问各种功能。有助于增强用户交互和导航功能。 ...
标记
文字段落重点标记插件这是一款在网页中标记重要语句的 jQuery 插件,用于突出显示重要数据。代码编写方式简单,可以轻松集成到网站中。包括方框标记、下划线标记、圆圈标记、中括号标记、中划线标记、删除标记、划掉标记,...