- 2024-11-30css中兼容ie浏览器的前缀是什么?
CSS中兼容IE浏览器的前缀主要有：-ms-:这是IE浏览器专用的前缀，用于支持IE浏览器特有的CSS属性或属性值。例如：-ms-transform，-ms-filter。-o-:这是Opera浏览器较旧版本使用的前缀，现在Opera基于Chromium内核，所以这个前缀已经很少使用了。例如：-o-transform。-webkit-:这是
- 2024-11-273D导航案例
一、介绍本节内容我们来讲解一下，3D导航案例，主要运用到了css3中的3D以及过渡效果，效果如下展示，那么我们开始来学习使用css3来制作一个3D导航效果吧！二、思路解析制作四个面（前后上下）1.前后上下，左右部分可以不用添加，因为旋转时看不到（注意后续讲解代码时会添加左右部分） 将四个
- 2024-12-04Swiper 实现奇葩需求案例
昨天晚上临时接到一个奇葩需求，有一个从左到右的滚动列表，要求实现开屏自动滚动，然后到最后一屏的时候停止不动，右箭头置灰，然后点左侧箭头可以往左滚，同时右箭头功能也恢复。使用Swiper实现了，示例代码如下：html：<linkrel="stylesheet"href="https://unpkg.com/swiper@8/swiper-bu
- 2024-07-13前端HTML+CSS实现3D炫酷相册（附源码）
前言 利用基础的html和css实现3D相册（可自我添加照片） 本人初衷是为了验证所学的知识，顺便想逗女朋友开心
- 2024-02-233d正方体
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><metahttp-equiv="X-UA-Co
- 2023-07-013d立体相册的实现（附源码）
效果图（这里没办法显示动态，具体动态自己复制代码去网页看）：CSS部分：html{background:#000;height:100%;}/*最外层容器样式*/.wrap{position:relative;position:absolute;top:0;right:0;bottom:0;left:0;width:200px;
- 2023-04-24修改国家开放大学分数
transform是css3属性。有时候UI给的原型图是图片旋转出来的，而作为前端应该怎样取使用旋转还原原型图呢。transform：scale(0.5) 缩放0.5倍transform：rotate（90deg）transform：rotate（-270deg） 顺时针旋转90°transform：rotateX（90deg）沿x轴旋转90度transform：rotateY（180deg）沿y轴旋
- 2023-03-31发一下好看的博客园自定义主题代码
发一下好看的博客园自定义主题代码要开通js权限，皮肤用simplememory，最好禁用模板侧边栏：<!DOCTYPEhtml><html><style>/*最外层容器样式*/.wrap{top:0;right:0;bottom:0;left:0;width:200px;height:200px;margin:auto;/
- 2022-12-27Web前端--HTML+Canvas+Js实现3D魔方小游戏
一、案列效果二、案例思路1、先将平面上的6个DIV拼接在一起。形成一张类似于3d立方体图形展开的平面图。 2、我们需要将每一个面旋转到相应的位置上，每一个面的旋转
- 2022-12-24前端知识案例学习15-实现3d得旋转
index.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><me
- 2022-11-293种CSS简单方法实现文字竖向排版
下面介绍3种使用CSS实现文字竖向排版的方法：1、一个句子的竖向排列如图：<!DOCTYPEhtml><html><head><title>test</title><metacharset="UTF-8"></head>
- 2022-10-10博客园美化之--立方体+线条漂浮+鼠标特效
页面定制CSS代码不禁用模板默认CSS<style>html{background:pink;height:100%;}/*最外层容器样式*/.wrap{
- 2022-09-03CSS旋转正方体
CSS实现一个旋转的正方体,鼠标放上去会自动解体.比较普通的实现,留个记录.(代码里的注释方式写错了)<!doctypehtml><htmllang="en"><head><metacharset="UT