• 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