技术栈
css3
源码方舟
14 小时前
前端
·
javascript
·
html
·
css3
·
html5
【HTML5】显示-隐藏法 实现网页轮播图效果
实现思路:先将所有图片在页面中设置好,然后给放置图片的元素li添加display:none属性将其隐藏,然后通过js获取到放置图片的元素li,再一个一个的给li元素添加display:block属性将其显示出来,从而达到轮播图的效果。
zfyljx
16 小时前
css
·
3d
·
css3
3D堆叠卡片
源码方舟
3 天前
前端
·
javascript
·
css
·
html
·
css3
·
html5
【HTML5】老式放映机原理-实现图片无缝滚动
页面设计部分——先将视口div设置为相对定位,再视口div里面嵌套一个类似“胶卷”的div,把该div设置为绝对定位,此时“胶卷"会挂靠在视口上面,再将“胶卷”的left属性设置为负值,实现向左移动“胶卷”。要想实现无缝滚动还需复制一块一摸一样的“胶卷”,当第一个胶卷向左滚动,第二块胶卷紧跟着第一块胶卷后面,从视觉上实现第一个胶卷上向左滚动时第一个消失的图片又从后面出现了,从而达到无缝滚动的视觉效果。
wuhen_n
4 天前
前端
·
css
·
css3
·
html5
鼠标悬浮特效:常见6种背景类悬浮特效
在之前的文章中,我们介绍了常见的鼠标悬浮特效分为元素边框类特效(改变元素边框的展示方式)和元素背景类特效(改变元素背景颜色、阴影等)。在之前的文章中,介绍了 常见6种边框类悬浮特效 。本文将着重介绍日常开发中,常见的6种元素背景类特效。
wuhen_n
4 天前
前端
·
css
·
html
·
css3
·
html5
CSS元素动画篇:基于当前位置的变换动画(合集篇)
CSS元素动画一般分为两种:一种是元素基于当前位置的变换动画,通过不明显的位移、缩放等方式,实现动画效果,如弹跳、闪烁、抖动等;另一种是元素基于页面位置的变换动画,通过位移、旋转等方式,实现动画效果,如飞入/飞出等。 基于当前位置的变换动画,我又将根据动画实现效果将其分为4类:
程序视点
4 天前
css3
·
css居中
CSS实现DIV水平与垂直居中方法总结
大家好,欢迎来到程序视点!我是你们的老朋友.小二!标准方法关键点:必须声明DOCTYPE(推荐XHTML 1.0 Transitional DTD),否则IE不生效
wuhen_n
6 天前
前端
·
css
·
html
·
css3
·
html5
CSS元素动画篇:基于当前位置的变换动画(四)
CSS元素动画一般分为两种:一种是元素基于当前位置的变换动画,通过不明显的位移、缩放等方式,实现动画效果,如弹跳、闪烁、抖动等;另一种是元素基于页面位置的变换动画,通过位移、旋转等方式,实现动画效果,如飞入/飞出等。 基于当前位置的变换动画,我又将根据动画实现效果将其分为4类:
知识分享小能手
7 天前
xml
·
开发语言
·
前端
·
javascript
·
学习
·
ajax
·
css3
JavaScript学习教程,从入门到精通,Ajax数据交换格式与跨域处理(26)
XML是一种标记语言,类似于HTML但更加灵活,允许用户自定义标签。特点:示例代码:XML数据格式使用Ajax获取XML数据:
wuhen_n
8 天前
前端
·
css
·
html
·
css3
·
html5
CSS元素动画篇:基于页面位置的变换动画
CSS元素动画一般分为两种:一种是元素基于当前位置的变换动画,通过不明显的位移、缩放等方式,实现动画效果,如弹跳、闪烁、抖动等;另一种是元素基于页面位置的变换动画,通过位移、旋转等方式,实现动画效果,如飞入/飞出等。 在之前的文章中,介绍了 基于当前位置的变换动画 ,本篇文章将介绍基于页面位置的变换动画。
星空寻流年
8 天前
前端
·
css
·
css3
css3伸缩盒模型第一章(主轴以及伸缩盒模型)
我们将父元素叫做伸缩容器,子元素称为项目,容器里面的元素都称为一个一个的项目开启了 flex 的元素,就是:伸缩容器
wuhen_n
8 天前
前端
·
css
·
html
·
css3
·
html5
CSS元素动画篇:基于当前位置的变换动画(三)
CSS元素动画一般分为两种:一种是元素基于当前位置的变换动画,通过不明显的位移、缩放等方式,实现动画效果,如弹跳、闪烁、抖动等;另一种是元素基于页面位置的变换动画,通过位移、旋转等方式,实现动画效果,如飞入/飞出等。 基于当前位置的变换动画,我又将根据动画实现效果将其分为4类:
程序员Bears
9 天前
前端
·
css3
·
媒体
·
visual studio code
深入理解CSS3:Flex/Grid布局、动画与媒体查询实战指南
在现代Web开发中,CSS3已经成为构建响应式、美观且高性能网站的核心技术。它不仅提供了更强大的布局系统(Flexbox和Grid),还引入了令人惊艳的动画效果和精准的媒体查询能力。本文将深入探讨这些关键技术,帮助您提升前端开发技能,打造更出色的用户体验。
航Hang*
10 天前
前端
·
css
·
css3
·
html5
·
webstorm
WEBSTORM前端 —— 第2章:CSS —— 第3节:背景属性与显示模式
目录1.Emmet写法2.背景属性(1) background-color(2) background-image
wuhen_n
10 天前
前端
·
css
·
html
·
css3
·
html5
CSS元素动画篇:基于当前位置的变换动画(一)
CSS元素动画一般分为两种:一种是元素基于当前位置的变换动画,通过不明显的位移、缩放等方式,实现动画效果,如弹跳、闪烁、抖动等;另一种是元素基于页面位置的变换动画,通过位移、旋转等方式,实现动画效果,如飞入/飞出等。 基于当前位置的变换动画,我又将根据动画实现效果将其分为4类:
航Hang*
10 天前
前端
·
css
·
css3
·
html5
·
webstorm
WEBSTORM前端 —— 第2章:CSS —— 第2节:文字控制属性与CSS特性
目录一、文字控制属性1.color2. font-size3. font-family4. font-weight
软件开发技术深度爱好者
11 天前
前端
·
javascript
·
css3
CSS3布局方式介绍
CSS3布局(Layout)系统是现代网页设计中用于构建页面结构和控制元素排列的一组强大工具。CSS3提供了多种布局方式,每种方式都有其适用场景,其中最常用的是Flexbox和CSS Grid。
我爱吃朱肉
12 天前
前端
·
css
·
css3
HTMLCSS模板实现水滴动画效果
完整代码展示
LAOLONG-C
13 天前
前端
·
css
·
css3
今日CSS学习浮动->定位
定义:float 属性用于创建浮动框,将元素移动到一边,直至其左边缘或右边缘触及包含块或另一个浮动框的边缘。 语法:
凌冰_
13 天前
前端
·
css
·
css3
CSS3 基础(背景-文本效果)
1、背景渐变语法:/* 线性渐变(默认从上到下) */ background: linear-gradient(方向或角度, 颜色1, 颜色2, ...);
知识分享小能手
13 天前
开发语言
·
javascript
·
学习
·
ajax
·
前端框架
·
css3
·
html5
JavaScript学习教程,从入门到精通,XMLHttpRequest 与 Ajax 请求详解(25)
XMLHttpRequest (XHR) 是一个 JavaScript API,用于在浏览器和服务器之间传输数据,而无需刷新页面。它是实现 Ajax (Asynchronous JavaScript and XML) 技术的核心。