当前位置: 首页 » xiaodai8580 的文章
常用软件快捷键及常用操作 未命名

css预处理器stylus在HBuilderX上的配置

css预处理器stylus在HBuilderX上的配置css预处理器stylus在HBuilderX上的配置1.工具---插件下载---stylus编译器2.安装配置...
CSS3教程 未命名

css3---height:100vh;

css3---height:100vh;vh/vw vh:相对于视窗的高度,视窗被均分为100单位的vh; vw:相对于视窗的宽度,视窗被均分为100单位的vw;vmax:相对于视窗的宽度或...
javascript案例集 未命名

javascript删除当前元素的父级元素

节点关系DOM(文档对象模型)是针对HTML和XML文档的一个API,描绘了一个层次化的节点树,允许开发人员添加、删除和修改页面的某一部分。function del(thisdel){ thisd...
html+css 未命名

阿里巴巴iconfont字体图标使用,利用iconfont字体实现小图标的插入

阿里巴巴iconfont字体图标使用,利用iconfont字体实现小图标的插入1.找到阿里巴巴矢量图标库官网https://www.iconfont.cn2.然后注册登录或者用github登录也行,此步骤跳过。注册一个g...
CSS3案例集 未命名

CSS3遮罩透明滤镜效果--mix-blend-mode混合方式

CSS3遮罩透明滤镜效果--mix-blend-mode混合方式    text-shadow:05px10pxrgba(0,0,0,0.1); &nb...
CSS3案例集 未命名

CSS3网页背景色渐变鼠标悬停高亮效果

CSS3网页背景色渐变鼠标悬停高亮效果html:25个i标签,每个i标签代表一个竖条<div class="back"><i></i><i&...
CSS3案例集 未命名

CSS3炫酷圆形导航菜单特效

CSS3炫酷圆形导航菜单特效页面默认,效果:鼠标悬停状态,效果:注意:小图标使用的是font-awesome网页字体图标库,引入的第三方链接地址是https://cdn.bootcss.com/font-awesome/...
CSS3案例集 未命名

CSS3实现3D旋转立方体

CSS3实现3D旋转立方体html:<div class="box"><ul><li>HTML5</li><li>CS...
CSS3案例集 未命名

CSS3制作旋转饼状图

CSS3制作旋转饼状图html:<div class="pie"></div>css:*{margin: 0;padding: 0;}...
CSS3案例集 未命名

CSS3鼠标悬浮图片放大效果--方法2

CSS3鼠标悬浮图片放大效果--方法2鼠标悬停,效果如下所示:html:<div class="pic"><img src="./img/mxt.j...
CSS3案例集 未命名

CSS3鼠标悬浮图片放大效果--方法1

CSS3鼠标悬浮图片放大效果--方法1鼠标悬停,效果如下所示:html:<div class="pic"><img src="./img/s2.jp...
CSS3案例集 未命名

CSS3倾斜旋转的球体

CSS3倾斜旋转的球体html:<div id="d1"><div class="d1-1"><div></d...
CSS3案例集 未命名

CSS3扁平化预加载动画效果

CSS3扁平化预加载动画效果html:<section class="container"><span></span><span>&l...
CSS3案例集 未命名

CSS3创意导航菜单特效

CSS3创意导航菜单特效html:<div class="container"><nav><ul><li><a h...
CSS3案例集 未命名

CSS3-按键文字跳动效果

CSS3-按键文字跳动效果html:<h1 class="title-3d"><span>d</span><span>r</sp...
CSS3案例集 未命名

CSS3-动态视频背景效果

CSS3-动态视频背景效果html:<section class="video-container"><video preload="auto&qu...
markdown 未命名

markdown引用代码,代码用 ```包起来

markdown引用代码,代码用```包起来例如:markdown预览效果如下所示:...
markdown 未命名

在README.md文件中添加图片

在README.md文件中添加图片在README.md中填入: ![Imagetext](./public/1.png)保存即可。  注:![Imagetext]这个标识不可缺少...
CSS3教程 未命名

CSS3之3D转换

2.103D转换2.10.1三维坐标系三维坐标系其实就是指立体空间,立体空间是由3个轴共同组成的。x轴:水平向右―注意∶×右边是正值,左边是负值y轴:垂直向下注意:y下面是正值,上面是负值z轴:垂直屏幕注意:往外面是...
javascript案例集 未命名

js两个input框内容同步

js两个input框内容同步代码如下所示:html    <input type="text" name=""&n...
网站分类