- 2024-09-25tagcloud.js 实现3d 云标签
我这个布局是准备在中间放一张图片,两边的便签在图片的左右两边区域动。中间图片自己放,每个标签鼠标放上去会放大并停止。效果如下:3d云标签注意:标签样式可以自行修改,tagcloud参数配置中,如果有的标签在区域内边界会被遮住,就通过radius和direction调节即可。完整代码如下
- 2024-08-28CSS (border-radius应用) 笔记 08
border-radius: n1 n2 n3n4 /a1 a2 a3 a4 【n1-a1,n2-a2,n3-a3,n4-a4 分别表示上右下左顺序边角的椭圆边角,其中n代表水平,a代表垂直】e.g有趣的小水滴动画(应用)<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname=&qu
- 2024-03-25手写进度条
functiongetProcessHtml(beiChuShu,chuShu){varhtml="";html+="<palign='center'style='margin-bottom:-4px;'>"+beiChuShu+"/"+chuShu+"</p>";if(Number(chuShu)!=0){
- 2023-11-22又写了一天极限测试
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>LoginPage</title>&
- 2023-06-29css实现空心三角形
<divclass="triangle"></div>.triangle{width:0;height:0;border-style:solid;border-width:08px15px;border-color:transparenttransparent#568CFC;position:relative;}.triang
- 2023-03-21vue 默认margin:8px
#问题情景之前新拉取的vue项目,今天在更换背景图片的时候,发现,图片与顶部有缝隙,查看后发现,body属性中有margin:8px的属性,但是我程序代码中,外层并没有相关设置,且该body是在我
- 2023-03-06YUS框架之us指令
众所周知的是,页面的样式渲染是由CSS来完成的。例如:width:100px;代表元素宽度为100像素;height:50px;代表元素高度为50像素;font-size:15px;代表元素中字体大小为15像素;下
- 2023-01-05vue中循环遍历实现点击单选多选功能
#list{float:left;padding:8px;border:1pxsolid#4686f2;margin-right:8px;cursor:pointer;p
- 2022-12-27不要盲目的在项目中使用LESS CSS
如果你还不知道LESSCSS是什么东西,可以看一下这篇文章,是我一朋友写给新人看的《CSS——LESS》不可否认,LESSCSS是个强大的工具,它弥补了css没有变量
- 2022-12-21[css] before和:after实现div下方的小三角
<divclass="pop-box">aaa</div>.pop-box{position:absolute;width:250px;height:260px;background-color:#fff;border:1pxsolid#ccc;bord
- 2022-12-16Ripro主题美化-列表页面右上角3个彩色圆点效果实现
Ripro主题美化-列表页面右上角3个彩色圆点效果实现列表页面右上角有3个彩色圆点效果,模仿友站的!分享给大家~1、找到wp-content/themes/ripro/assets/css/diy.css并将下面的c
- 2022-12-15Mediawiki 设置悬浮目录
第一步:设置在词条中设置显示目录始终出现(需要安装扩展visualeditor) 第二步:打开 Mediawiki:Common.css复制以下css样式#toc{display:block;position:fixed;
- 2022-11-07flex布局 元素被挤压(点文一排,点被挤压)
flex布局元素被挤压(点文一排,点被挤压)原因是flex布局,元素默认的flex-shrink为1,即空间不够时,按比例缩放。另一个值是0即不缩放 html代码<divclassName='r
- 2022-09-01美丽的 3d 按钮 — 分步指南
美丽的3d按钮—分步指南HTML对于HTML,我们只有一个带有“CLICK”文本的按钮元素。<button>点击</button>CSS现在我们将为按钮设置一些基本样式。首先,我们将通
- 2022-08-31美丽的 3d 按钮 — 分步指南
美丽的3d按钮—分步指南HTML对于HTML,我们只有一个带有“CLICK”文本的按钮元素。<button>点击</button>CSS现在我们将为按钮设置一些基本样式。首先,我们将通