CSS3实例教程:hover

(一)使用模板自定义小程序弹窗

前期我花了两周时间进行基础知识的学习和简单的界面实践，学习内容主要是JS+CSS3。其中过程在这就不做讨论了。
huangjinsheng·2023-11-28 21:48

CSS Loaders - 纯 CSS 实现的各种动画加载效果，代码简洁，全都只需要用一个元素

自从CSS3的动画属性得到主流浏览器的支持以后，我们经常看到使用CSS实现的各种加载动画效果，而这个网站就专门收集并且分类整理这些动画效果，无论是学习或者是查阅，甚至是二次修改来实现定制的需求，
那些免费的砖·2023-11-28 20:00

h5、c3基础知识整理

HTML5HTML5广义的概念:代表着浏览器技术发展的阶段，是html5css3和js（API）一套前端技术的组合。HTML5新定义了一堆语义化标签，更有利于搜索引擎或辅助设备理解HTML页面内容。
菜鸟游游·2023-11-28 20:27

在线设计/浏览EXCEL文档：SPREADJS 16.2.6 cRACK

SPREADJSTheWorld's#1SellingJavaScriptSpreadsheetWithOver500ExcelFunctionsDelivertrueExcel-likespreadsheetexperiences
sdk大全·2023-11-28 14:34

前端sass看一片文章就够了

Sass功能完全兼容CSS3；在CSS基础上增加变量、嵌套(
Fairytale_peng·2023-11-28 13:43

css实现鼠标移入背景图片变灰并浮现文字的效果

web-query-image{position:relative;//相对定位,方便浮现文案进行绝对定位border-radius:8px;box-sizing:border-box;>img{&:hover
AzeShinja·2023-11-28 13:26

vue函数防抖

前端开发中，常见的事件如，onresize，scroll，mousemove,mousehover等会短时间内多次触发（频繁触发…防抖的概念防抖又叫为函数防抖（debounce）：指触发事件后，在n秒内函数只能执行一次
cc&·2023-11-28 12:19

HTML5+CSS3+JS课程设计3D旋转照片墙背景音乐

完整代码：3D旋转照片墙/*去掉默认效果*/*{margin:0;padding:0;}body{background:#222;overflow:hidden;/*取消选中*/user-select:none;}@keyframesrotate{100%{transform:rotateY(360deg);}}.perspective{/*子元素透视场景深度*/perspective:600px
扎心小指针0·2023-11-28 11:36

jquery控制css3动画 列表,10款jQuery/CSS3动画应用 超实用

本文作者html5tricks，转载请注明出处这次我们要带来10款最新的jQuery/CSS3动画应用，这里有不少1、jQuery/CSS3书本翻页动画特效多功能选项支持这是一款基于jQuery和CSS3
草头余·2023-11-28 11:05

3D爱心的制作

之前有看到过很多基于HTML5或者CSS3制作的爱心动画，不过基本上都是2D平面的，今天在国外的网站上看到一个基于HTML53D的爱心动画，对于HTML5爱好者来说，不免兴奋了一把。
许你一城个人博客·2023-11-28 11:30

CSS3制作3D爱心动画

2、选择器css3中新增了一些选择器，如下：3、新样式边框css3新增了三个边框属性，分别是：border-radius：创建圆角边框box-shadow：为元素添加阴影border-image：使用图片来绘制边框
海伦•·2023-11-28 11:59

java版商城之直播带货直播订单 Spring Cloud+SpringBoot+mybatis+uniapp b2b2c o2o 多商家入驻商城 直播带货商城 电子商务

APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp、Bootstrap/H5/CSS3
2301_78385600·2023-11-28 10:35

第二次网页设计课后作业

2023.11.13完成第九章表单的练习第九章表单性别：男女你喜欢的水果：苹果香蕉西瓜李子这是一个多行文本框HTMLCSSJavaScriptjQueryVue.jsHTML5CSS3知识点：表单标签与其标签属性
s1939273302·2023-11-28 09:49

百度贴吧引流窍门

自身都老老实实的放弃了,为什么呢,由于必须许多专用工具,有一些必须购买软件,必须买vps拨号,买号子,总而言之前边全是挺激情的,触碰看了他人的实例教程之后,一定是一顿骂,要不说不便,要不说不太好哪些的,
九千营销·2023-11-28 09:10

Linux telnet命令详解：通过TCP/IP网络连接与管理远程机器（附实例教程和注意事项）

Linuxtelnet命令介绍telnet命令，全称为teletypenetwork，是一个使用telnet网络协议来连接并管理远程机器的命令。它通过TCP/IP网络使用端口23来建立连接，并提供了一种使用命令行界面（CLI）管理远程系统的方式。虽然telnet与SSH相似，但两者有所不同，因为SSH使用了加密，而telnet则是以明文形式发送数据，这使得它容易成为黑客的目标。Linuxtelne
我要下东西噢·2023-11-28 08:19

css functional

http://www.w3chtml.com/css3/values/functional/counter()attr()calc()min()max()cycle()
good__day·2023-11-28 08:47

【vue】a-table的斑马纹以及hover样式的修改：

、效果：二、实现（以jeecg为例）：一、效果：二、实现（以jeecg为例）：//设置基数行样式//.ant-table-tbodytr:nth-child(n){//color:#fff;//}//hover
Sun Peng·2023-11-28 07:25

vscode代码调试配置

//Hovertoviewde
WRichards·2023-11-28 06:29

CSS3---选择器分类，最全版

目录标签选择器(元素选择器)类选择器id选择器通配符选择器伪类选择器链接伪类选择器结构伪类选择器目标伪类选择器标签选择器(元素选择器)标签选择器，是指用HTML标签名称作为选择器，按照标签名称分类，为某一类标签指定统一的CSS样式。代码实例演示，如下：为p标签设置样式，则当前页面，所有的p标签的样式，都生效CSS学习p{color:pink;}第一段test第二段第三段前台页面展示，如下类选择器类
一久19·2023-11-28 06:26

java版商城之直播带货直播订单 Spring Cloud+SpringBoot+mybatis+uniapp b2b2c o2o 多商家入驻商城 直播带货商城 电子商务

APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp、Bootstrap/H5/CSS3
Xiaohong0716·2023-11-28 04:48

HTML5+CSS3+JS小实例：霁青+翠蓝的Tabbar动画特效

实例：霁青+翠蓝的Tabbar动画特效技术栈：HTML+CSS+JS字体图标库：FontAwesome效果：源码：【HTML】霁青+翠蓝的Tabbar动画特效<u
艾恩小灰灰·2023-11-28 04:30

HTML5+CSS3+JS小实例：蜂巢里的小蜜蜂光标特效

实例：蜂巢里的小蜜蜂光标特效技术栈：HTML+CSS+JS效果：源码：【HTML】蜂巢里的小蜜蜂光标特效<
艾恩小灰灰·2023-11-28 04:30

HTML5+CSS3+JS小实例：Canvas图片滑块拖动验证码

实例：Canvas图片滑块拖动验证码技术栈：HTML+CSS+JS效果：源码：【HTML】Canvas图片滑块拖动验证码<divclass="r
艾恩小灰灰·2023-11-28 04:59

3 css 奖品出现弹出动画_css3元素出现动画实例

css3中实现动画一般有两种方式，一个是transition过渡，一个是animation动画。
一璇·2023-11-28 04:26

微信html抽奖转盘代码,使用CSS3+jquery.js 实现微信抽奖转盘效果

最近想起了刚接到这个项目时第一时间脑海里迸出的解决方法“CSS3”!为什么不能用CSS3来实现呢？所以我打算用CSS3来实现这个效果。并不需要依赖jquery的动画效果插件，旋转角度插件。
刘红皓·2023-11-28 04:26

8.9 浮动 九宫格

hover在这里插入图片描述时边框变成红色，需要考虑语义化。（1）首先想借用506具中模型和605浮动模型去实现该问题，感觉因为基础知识不牢固，所以没走通。以后再尝试。
coderLcy·2023-11-28 04:54

JavaScript面试知识点

JavaScript面试知识点HTML&CSS：浏览器内核盒模型、flex布局、两/三栏布局、水平/垂直居中；BFC、清除浮动；css3动画、H5新特性。
hell0_W0rld4396·2023-11-28 04:51

HTML5+CSS3+JS小实例：九宫格图片鼠标移入移出方向感知特效

实例：九宫格图片鼠标移入移出方向感知特效技术栈：HTML+CSS+JS效果：源码：【HTML】九宫格图片鼠标移入移出方向感知特效也许你永远都不会知道，你的一句话，我会记得很久；你的一个不以为然的承诺，我却苦苦守侯。
艾恩小灰灰·2023-11-28 04:48

Dos语言学习笔记——选择修改盘符

和往常一样，一边喝早茶，一边上网和女粉丝侃大山，在手机和平板电脑上整理修改《hｔｍｌ５》、《javascript》、《css3》、《c语言》等多年前写的教程，并研究不同品牌的小程序。
巨汉子·2023-11-28 04:51

【HTML5+CSS3+JavaScript(ES6)】JavaScript篇

目录1JS介绍1.1JS的作用1.2JS实际开发场景中的应用：1.3JS语法组成2ECMAscript基础语法2.1JS基本语法2.1.1JS的编写位置2.2.2JS的注释2.2.3JS的输出2.2.4JS外部文件引入2.2.5变量声明2.2.6变量赋值2.2JS数据类型2.2.1number类型2.2.2boolean类型2.2.3undefine类型2.2.4string类型2.2.5null
开五档的蒙奇·2023-11-28 03:20

【HTML5+CSS3+JavaScript(ES6)】HTML篇

目录1前端简要介绍1.1课程导读1.2Web模型1.3CS架构和BS架构1.4浏览器选择和浏览器内核1.5Html、Css、JS介绍2VSCode2.1VSCode常用设置2.2VSCode常用插件2.2VSCode快捷键3HTML3.1标记语言3.2标签分类3.3标签属性3.3.1省略属性值的引号3.3.2单引号和双引号问题3.3.3实体引用（实体字符）3.3.4HTML中的空格3.4HTML结
开五档的蒙奇·2023-11-28 03:18

【HTML5+CSS3+JavaScript(ES6)】CSS篇

目录1CSS介绍2div和span标签3选择器3.1标签选择器3.2类选择器3.3ID选择器3.4全局选择器3.5属性选择器3.6子字符串匹配选择器3.7伪类选择器3.8交集选择器和并集选择器3.9后代选择器3.10子代选择器3.11兄弟选择器4样式4.1行内样式4.2内部样式4.3外部样式5选择器优先级5.1从层叠来理解样式控制原理5.2非关系选择器优先级5.3关系选择器优先级6属性6.1背景颜
开五档的蒙奇·2023-11-28 03:18

使用elementplus图标自定义下拉框

-->111111111.xiala-wrapper{width:200px;margin-left:190px;margin-top:20px;&:hover.xialaitem-box{display
窥月·2023-11-27 19:54

【无标题】

图片渲染下方有一条白线是什么原因造成的图片渲染的时候会有个参考线参考线的空隙就是这个白线fontsize设置为0参考线会重合在一起把图片设置为块元素就不会按照行内元素的形式排列了h5的特性移动端开发语义化的标签视频音频标签本地存储css3
他亲爱的爸爸·2023-11-27 10:57

Jenkins+Docker自动化部署

(1)使用k8s集群化部署(2)在其它服务器上执行自动化发布命令–（jenkins的PublishoverS
guanheng68·2023-11-27 08:51

H5游戏和小程序游戏的区别是什么，分别有什么优势？

技术实现：H5游戏：使用HTML5、CSS3、JavaScript等Web技术进行开发。这意味着玩家可以通过任何支持Web浏览器的设备访问游戏，无需下载安装应用程序。
中懿游·2023-11-27 01:33

动画

动画：transition（过渡动画）：使用场景-状态发生改变时（hover/:checked/js）animation（自定义动画）：只要指定动画名称即可实现规定的动画效果。
Christoles·2023-11-27 00:17

css3-径向颜色渐变radial-gradient

Titlediv{width:300px;height:200px;/*添加径向渐变：产生也是图像*//*background:radial-gradient(red,blue);*//*语法：radial-gradient(形状大小坐标,颜色1，颜色2...)：形状shape:circle:产生正方形的渐变色ellipse:适配当前的形状,如果是正方形的容器，两者效果一样.如果宽高不一样，默认效
AssertDo·2023-11-26 23:26

CSS新特性（2-2）

新特性（2-2）前言box相关box-shadowbackground背景rgba颜色与透明度transform:rotate(Xdeg)2D旋转transform:tranlate平移前言本文继续讲解CSS3
好名字0821·2023-11-26 21:08

利用伪元素和css3实现鼠标移入下划线向两边展开效果

一、思路：将伪元素:before和:after定位到元素底部中间，设置宽度从0变成100%达到目的。二、实现：1、首先定义一个块状元素（行内元素没有宽高）并修改样式为一个背景色为浅灰色的矩形，设置相对定位。html代码:css样式:#underline{width:200px;height:50px;background:#ddd;margin:20px;position:relative;}2、
代码使劲儿搬·2023-11-26 20:02

vue项目的sass样式里使用data中定义的颜色

computed:{pageColor(){return{'--activeBgColor':'pink','--fontColor':'#fff','--hoverColor':'#ff0000',}
毛三仙·2023-11-26 19:36

Java学习路线

Java学习路线JavaSEJava基础常用类集合IO网络编程多线程注解与反射GUIJava数据结构复杂度线性表二叉树树等等JVM入门...前端htmlcss3JavaScript数据库WEBJavawebSSMMybatisSpringSpringMVC
crestashi·2023-11-26 18:16

[vxe-table] expandAll：true 当table数据更新后无法展开，只有第一次能展开才能生效的问题

="{rowField:'id',parentField:'parentId',expandAll:true,reserve:true,}":row-config="{keyField:'id',isHover
533_·2023-11-26 11:13

Linux chown命令教程：如何更改文件所有者（附实例教程和注意事项）

Linuxchown命令介绍Linuxchown命令（英文全拼：changeowner）用于设置文件所有者和文件关联组。在Linux/Unix这种多人多工操作系统中，所有的文件都有拥有者。我们可以利用chown命令将指定文件的拥有者改为指定的用户或组，用户可以是用户名或者用户ID，组可以是组名或者组ID。文件是以空格分开的要改变权限的文件列表，支持通配符。chown命令需要超级用户root的权限才
我要下东西噢·2023-11-26 08:43

Linux find命令教程：如何使用查找文件及目录（附实例教程和注意事项）

Linuxfind命令介绍Linuxfind命令是Linux系统管理员工具箱中最强大的工具之一。它根据用户给定的表达式在目录层次结构中搜索文件和目录，并可以对每个匹配的文件执行用户指定的操作。你可以使用find命令根据它们的权限、类型、日期、所有权、大小等搜索文件和目录。它还可以与其他工具如grep或sed结合使用。Linuxfind命令适用的Linux版本find命令在所有主流的Linux发行版
我要下东西噢·2023-11-26 08:04

Linux uname命令教程：如何打印linux操作系统名称和硬件的基本信息（附实例教程和注意事项）

Linuxuname命令介绍uname命令是一个在Linux中常用的命令行工具，用于打印有关操作系统名称和系统硬件的基本信息。uname这个名字来源于"UNIXname"。它最常用于确定处理器架构，系统主机名和系统上运行的内核版本。Linuxuname命令适用的Linux版本uname命令在各种Linux发行版中都通用，包括但不限于Ubuntu,Debian,Fedora,CentOS等。在某些系
我要下东西噢·2023-11-26 07:47

CSS3

一.概述Cascadingstylesheets层叠样式表作用：html:负责页面结构的搭建，内容的展示（数据的承载）css:处理页面布局，美化页面html的属性和css的使用原则w3c规定，尽量使用css替代html的属性，如果无法替代，才使用html属性html属性，代码没有可重用性，没有可维护性css代码具备一定的可重用性和可维护性，但是，css没有把代码重用做到极致，后期需要使用scss把
栗子树下_·2023-11-26 07:51

常见CSS鼠标悬浮动画-hover属性

文章目录1.Grow-Shadow2.Move-Shadow3.Curl-Bottom-Right1.Grow-Shadow鼠标移入盒子放大并出现底部阴影效果：代码.box{width:200px;height:200px;background-color:aqua;-webkit-transform:perspective(1px)translateZ(0);transform:perspect
凡小多·2023-11-26 01:55

前端 CSS：锚伪类选择器:hover,:active，:visited；等用法总结

前端CSS：锚伪类选择器:hover,:active，:visited;等用法总结锚伪类选择器:hover,:active，:visited;等用法总结一、什么是锚伪类在支持CSS的浏览器中，链接的不同状态都可以不同的方式显示
诗意的前端工匠·2023-11-26 01:25

CSS特效（四）：按钮Hover边框动画特效

今天做出的动画效果如下：这个效果的做法其实很简单，只需要对stroke-dasharray和stroke-dashoffset加以灵活应用，就可以做出来啦~首先准备一个超大的div盒子，使其高度和宽度都为视图高度和视图宽度，然后在其中放入一个div盒子作为最终按钮形成边框的盒子，在其中放入svg和div，分别用来绘制边框和写入文字，记得在svg中放入rect绘制一个矩形。框架建好后，就为其设置CS
wait......·2023-11-26 01:23
上一页 28 29 30 31 32 33 34 35 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他