css3伪类

html+div+动画效果,html+css3太阳系行星运转动画效果的实现代码

原标题：html+css3太阳系行星运转动画效果的实现代码做一个太阳系八大行星的运转动画，不包括行星的卫星，所有行星围绕太阳公转，行星采用纯色，暂时没有自转。
欣睿(兰静)·2024-09-01 17:50

css3 3d 太阳系,使用css3的动画模拟太阳系恒星公转

原标题：使用css3的动画模拟太阳系恒星公转本文介绍使用css3的animation画一个太阳系恒星公转的动画，再加以改进，讨论如何画椭圆的运行轨迹。
温柔的兔子姑娘·2024-09-01 17:50

CSS学习5

复合选择器前言一、交集选择器二、并集选择器三、后代选择器四、子元素选择器五、属性选择器六、伪元素选择器（css3）前言复合选择器是由两个或多个基础选择器组成的。
乌鸦不像写字台·2024-09-01 08:22

VUE3笔记

前端系列一、HTML5二、CSS3三、JavaScript四、jQuery五、BootStrap六、Element七、Ajax八、JSON九、VUE3第一章、基础一、vue简介1、学习阶段vue2基础vue-cli
一介书生.·2024-08-31 16:48

HTML 中 a 超链接标签全解析：属性、锚点与伪类

目录a超链接标签介绍锚点介绍页面内锚点页面外锚点伪类a超链接标签介绍在HTML中，标签是一个文本级的标签，同时它还包含伪类，用于根据用户与链接的不同交互状态呈现不同的样式。
前端基地·2024-08-31 12:49

使用css3实现【水波纹扩散效果】

使用css3实现【水波纹扩散效果】在CSS3中，我利用::before和::after伪元素以及动画（animation）来创建一个简单的水波纹扩散效果。
自不量力的A同学·2024-08-29 22:07

CSS3基本语法

文章目录一、CSS引入方式二、选择器1、标签选择器2、类选择器3、id选择器4、通配符选择器三、字体操作1、字体大小2、字体粗细3、字体样式（是否倾斜）4、字体修改常见字体系列修改字体系列语法四、文本操作1、文本缩进2、文本水平对齐方式3、文本修饰4、文本水平居中总结**text-align：center;**5、文本水平居中方法margin五、行高font连写六、颜色常见取值七、选择器进阶1、后
刘心奶黄包qaq·2024-08-29 14:09

使用css3的动画属性@keyframes创建小说轮播图

最近一直在琢磨做一个小说网站模板，在寻找灵感时发现一个很好的小说展示效果-小说三维轮播，如下图所示：这种小说轮播展示方法不仅美观而且节省页面空间，那么他到底怎么实现的呢？由于本人是一个小白，所以去网上查了一下，但是很遗憾，没找到相关方法。通过页面元素检查，发现他应该使用的是css的媒体属性@media并结合js的相关功能，应该挺复杂的，那么我们能不能用一种相对简单的方法实现它呢？答案是有。通过cs
Wiktok·2024-08-29 11:21

纯css实现tab切换

1、利用a标签target，点击之后对应id的div会有:target伪类。
Allan要做活神仙·2024-08-29 08:59

css基础学习总结(一)

文章目录一.选择器1.标签选择器2.类选择器3.ID选择器4.分组选择器5.派生与子元素选择器6.属性选择器7.伪类选择器8.伪对象选择器9.选择器的优先级别css优先级的6大分类一.选择器1.标签选择器选择器例子描述
晚睡早起₍˄·͈༝·͈˄*₎◞ ̑̑·2024-08-29 08:02

新书速览|HTML5+CSS3 Web前端开发与实例教程：微课视频版

《HTML5+CSS3Web前端开发与实例教程：微课视频版》本书内容《HTML5+CSS3Web前端开发与实例教程：微课视频版》秉承“思政引领，立德树人”的教育理念，自然融入多维度、深层次的思政元素，全面对标企业和行业需求
全栈开发圈·2024-08-29 05:13

CSS3中display显示属性

显示属性把块级元素改为行内元素：p{display:inline}把行内元素改为块级元素，会填满父元素：a{display:block}设为none，全都消失，位置也不占，visibility为hidden消失了，但是还占位置。
阿立聊代码·2024-08-29 04:39

王者荣耀官网首页（xd原文件）

本文件可以锻炼一下大家的HTML5和css3的基础功底。
无名指的等待712·2024-08-28 18:52

css动画实现转盘旋转,1.使用css3实现大转盘

先上效果图，如图所示：最终效果第一步：画个父容器+12个子容器(扇叶)将父容器居中，子容器使用absolute定位，基本代码如下：html>body{display:flex;height:95vh;align-items:center;justify-content:center;}.container{position:relative;width:150px;height:150px;bac
小仙元·2024-08-28 09:00

CSS3视图过渡动画

概述网站的主题切换无非就是文字、背景图片或者颜色，我们可以先来看下ElementUI官网的切换主题的动效：PS：AntdesignUI的主题切换动画也是大同小异。实现的两种方式CSS为主constchangeTheme=(e)=>{if(document.startViewTransition){document.startViewTransition(()=>{document.document
Jinuss·2024-08-28 09:28

掌握CSS3的transform-origin：让你的网页动画更生动

标题：掌握CSS3的transform-origin：让你的网页动画更生动CSS3的transform属性为网页设计带来了革命性的变化，它允许我们对元素进行旋转、缩放、倾斜和移动等变换操作。
2401_85439108·2024-08-28 04:23

33.带前缀的输入框 & 带图像剪切的卡片

使用:focus-within伪类选择器来相应地设置父元素的样式,当用户与字段交互时。<spanclass="
@大迁世界·2024-08-26 13:36

31. 高度过渡 & 带粘性分区标题的列表

使用:hover伪类将max-height更改为由JavaScript设置的--max-height变量的值。使用Element.scrollHeight和CSSSty
@大迁世界·2024-08-26 13:06

HTML蒙版css,浅谈图片蒙版效果-webkit-mask_html/css_WEB-ITnose

会用PS的童鞋一定知道“蒙版”的概念，它可以在图片上实现一定的遮罩效果，当然这里我们不介绍ps里的蒙版，而是介绍利用CSS3的新属性-webkit-mask来实现网页中的图片遮罩效果。
weixin_39632467·2024-08-26 10:43

前端技术演进（四）：前端三层结构与应用

他们分别成熟的版本是HTML5、CSS3和ECMAScript6+。这里我们主要了解现代前端三层结构的演进历程以及如何在三层结构的基础之上进行高效开发。
weixin_34184561·2024-08-26 10:13

css3的mask遮罩属性笔记

css3的mask遮罩属性笔记mask笔记mask笔记通过渐变来绘制显示的区域，透明的则代表不显示，不透明则表示显示-webkit-mask:radial-gradient(circleat0,#000020px
zhanle_huang·2024-08-26 10:13

CSS的国际化伙伴：:lang()伪类的深度解析

标题：CSS的国际化伙伴：:lang()伪类的深度解析在全球化的今天，网站和应用程序常常需要展示多种语言的内容。
2401_85812053·2024-08-26 08:34

CSS3多行多栏布局

当前布局由6个等宽行组成，其中第四行有三栏，第五行有四栏。重点第四行设置：代码：img{height:100px;;}section#feature_area{background:#dcd9c0;}section#feature_areaarticle{float:left;width:320px;padding:10px0;background:#fff;border-top:4pxsolid
阿立聊代码·2024-08-25 11:25

CSS3动画——飞行的小精灵

CSS3动画——飞行的小精灵今天的这段代码通过多层结构、渐变色、圆角、多种动画效果以及细节处理，成功地创造了一个充满活力和趣味性的飞行小精灵动画效果。
懒羊羊大王呀·2024-08-25 11:55

html语言三要素是,Web前端开发的三要素是什么？

Web前端开发主要包括三个要素分别是：HTML、CSS、JavaScript等，但是随着互联网时代的飞速发展，前端开发技术的三要素也演变成现今的HTML5、CSS3、jQuery，首先，第一要素为HTML5
KNSTY·2024-08-25 10:52

CSS3【待总结学习】

CSS3是CascadingStyleSheets（层叠样式表）的第三个版本，它是前端开发中用于控制网页布局和样式的重要技术。
GISer_Jinger·2024-08-24 23:11

基于SpringBoot的银行OA系统设计与实现

开发语言：Java数据库：MySQL技术：SpringBoot架构，前端使用H5、CSS3、JS和DIV技术工具：MyEclipse、NavicatforMySQL系统展示首页员工管理界面工作任务管理界面申请管理界面摘要在互联网信息技术时代
码农小野·2024-08-24 21:32

2022-03-31

CSS3新增的选择器简要用法分享下面文章内容部分由小红书（www.xiaohongshutuiguang.cn）转载提供一.通用兄弟选择器:24：E~F，匹配任何E元素之后的同级F元素。
xu1234567·2024-08-24 10:59

Three.js CSS3D、CSS2D及精灵的区别

首先，CSS3D和CSS2D都是DOM下的元素，而精灵使用Canvas作为纹理显示。
阿星小栈·2024-08-24 09:51

弹性盒子display:flex——justify-content主轴方向对齐方式、align-items交叉轴对齐方式、 flex-direction修改主轴方向、flex-wrap换行

1、css3弹性盒子CSS3弹性盒（FlexibleBox或flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。
钟意冉冉·2024-08-24 09:21

CSS3 视差滚动相册

一个基于CSS3的视差滚动相册，采用网格布局（主要）与弹性布局。
懒羊羊大王呀·2024-08-24 09:19

css-文字对齐问题 text-align: justify

--如果你的文字只有一行,是不生效的.所以要利用下伪类(给伪类设置宽度100%).一个text-align-last:justify;可以搞定,但是有兼容性问题.p{width:500px;text-align
YogaMiller·2024-08-24 09:48

threejs 创建CSS3DSprite精灵标签, 可以更新位置及内容(封装)

threejs创建CSS3DSprite精灵标签,可以更新位置及内容(封装)ThreeCss3dSprite.js工具类import{CSS3DRenderer,CSS3DSprite}from"..
zsd_666·2024-08-24 09:47

css3 @property

语法@property--propery-name{syntax:'';inherits:false;initial-value:#c0ffee;}syntax：语法@property--my-color：声明一个自定义属性--mycolorinherits：是否允许继承initial-value：初始值@property规则中syntax和inherits描述符是必需的;如果其中任何一项缺失,整
HebyH_·2024-08-24 05:52

CSS的:placeholder-shown伪类：精确控制输入框占位符样式

随着Web开发技术的进步，CSS不断引入新的选择器和伪类，以增强开发者对页面元素的控制能力。
2402_85758349·2024-08-24 05:50

前端：篮球投掷动画

篮球投掷动画使用H5和CSS3实现的一个篮球投掷动画。玩法：通过点击篮球所在的绿色(紫色)容器，实现篮球的投掷和回收。亮点：使用复选框和伪类选择器代替JS实现按钮控制效果。使用多重渐变完成背景的绘制。
懒羊羊大王呀·2024-08-24 03:34

14种CSS实现水平或垂直居中的技巧，快来收藏

缺陷：translate是css3属性，低版本浏览器不支持。显著优势：无需固定定位元素的宽高。css:.example8{position:relative;margi
王钧易·2024-08-23 08:10

HTML5+CSS3小实例：抽屉式相册

HTML5+CSS3小实例：抽屉式相册技术栈：HTML+CSS效果：源码：抽屉式相册*{/*初始化取消内外边距*/margin:0;padding:0;}body{/*100%窗口高度*/height:
艾恩小灰灰·2024-08-23 05:22

css伪类动画效果

一、before和after伪元素(详解)之所以被称为伪元素，是因为他们不是真正的页面元素，html没有对应的元素，但是其所有用法和表现行为与真正的页面元素一样，可以对其使用诸如页面元素一样的css样式，表面上看上去貌似是页面的某些元素来展现，实际上是css样式展现的行为，因此被称为伪元素。是伪元素在html代码机构中的展现，可以看出无法伪元素的结构无法审查content一定要设置，否则为伪元素失
酷爱打戴马·2024-08-23 00:19

CSS的:read-write和:read-only伪类：增强表单元素的样式与用户体验

随着Web开发的不断进步，CSS提供了越来越多的伪类来增强开发者对页面元素的控制能力。
liuxin33445566·2024-08-23 00:16

CSS系列:伪类选择器小记

目录一、关键是理解而不是记二、为啥需要伪类选择器1、表达元素的特定状态2、选择特定位置的元素3、选择特定属性的元素4、增强可访问性5、无需额外的HTML标记三、为啥需要伪元素选择器1、访问和样式化文档的特定部分
浪潮行舟·2024-08-22 23:14

CSS的:indeterminate伪类：精妙控制不确定状态的样式

CSS的:indeterminate伪类是一个强大但较少为人所知的工具，它允许开发者选择那些处于不确定状态的元素，如未选中但也不完全未勾选的复选框（checkbox）。
哎呦没·2024-08-22 23:14

CSS的:only-child伪类：精准定位单一子元素的样式艺术

:only-child伪类是CSS3中引入的选择器之一，它用于选择一个元素，当且仅当它是其父元素的唯一子元素。这个伪类在处理布局和样式时非常有用，特别是当你需要为具有特定子元素数量的父元素定制样式时。
2402_85758349·2024-08-22 23:44

CSS方向选择的艺术：深入探索:horizontal和:vertical伪类

其中，:horizontal和:vertical伪类是CSSLevel4中引入的两个实验性选择器，它们允许开发者根据元素的方向来应用样式。
2401_85702623·2024-08-22 23:43

27.CSS 伪类是什么? & 屏幕外

CSS伪类是什么?CSS伪类提供了一种根据元素状态的变化来设置样式的方法。例如,:hover可用于在用户的指针悬停在元素上时应用额外的样式。
@大迁世界·2024-08-22 23:41

CSS的:dir()伪类：根据文本方向定制样式的指南

CSS3引入了:dir()伪类选择器，它允许开发者根据元素的文本方向来应用特定的样式规则。本文将详细介绍:dir()伪类的使用方法，并结合代码示例展示其在实际开发中的应用。
2401_85439108·2024-08-22 23:40

[Qt][QSS][上]详细讲解

目录0.前言1.基本语法2.QSS设置方式1.指定控件样式设置2.全局样式设置3.从文件加载样式表4.使⽤QtDesigner编辑样式5.总结3.选择器1.选择器概况2.子控件选择器3.伪类选择器0.前言
DieSnowK·2024-08-22 06:33

520表白html5爱心代码

在HTML5中创建一个带有爱心动画的表白页面，可以通过结合CSS3动画和JavaScript来实现。
youyouxiong·2024-08-21 21:34

CSS的:defined伪类：选择已定义元素的新选择器

CSS（层叠样式表）是控制网页样式的核心语言，随着CSS4的提出，一系列新的选择器被引入，其中:defined伪类便是这些新特性之一。
2401_85743969·2024-08-21 19:48

【大咖力荐 新手必备】软件开发入门，这300篇文章就够了！

进制转换25篇、数据编码25篇；【IP/组网】网关与网段25篇、IP协议26篇、主机与DNS23篇、访问控制37篇；【程序逻辑】JavaScript29篇、常用算法37篇；【Web基础】HTML31篇、CSS32
高校俱乐部·2024-03-24 05:22
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他