前端哥

css3-----2D转换、动画

2024-10-29 转换transform 我们简单理解就是变形 有2D 和 3d 之分 我们暂且学了三个 分别是 位移 旋转 和 缩放 2D 移动 translate(x, y) 最大的优势是不影响其他盒子, 里面参数用%,是相对于自身宽度和高度来计算的 可以分开写比如 translateX(x) 和 translateY(y) 2D 旋转 rotate(度数) 可以实现旋转元素 度数的单位是deg 2D 缩放 sacle(x,y) 里面参数是数字 不跟单位 可以是小数 最大的优势 不影响其他盒子。

https://www.qianduange.cn//article/19521.html 分类:前端知识

【基础】Three.js的零基础入门篇(附案例代码)

2024-10-29在使用Three.js时,初学者需要了解如何从零开始创建一个简单的3d场景。以下是创建步骤和一些注意点: 1. 初始化基本组件每个Three.js场景需要几个核心组件:场景(Scene)、相机(Camera)和渲染器(Renderer)。_threejs

https://www.qianduange.cn//article/19517.html 分类:前端知识

CSS3 transform rotate(旋转)锯齿/元素抖动模糊的解决办法

2024-10-29这些方法可能会因浏览器和具体情况而异,因此可能需要进行一些实验以找到最适合您项目的解决方案。如果元素包含背景图像,可以尝试使用高分辨率图像,并在旋转时使用。_css3 3d旋转抖动

https://www.qianduange.cn//article/19473.html 分类:前端知识

CityJSON 项目教程

2024-10-29CityJSON 项目教程 specsSpecifications for CityJSON, a JSON-based encoding for 3d city models项目地址:https://gitcode.com/gh_mirrors/specs10/specs 1. 项目的目录结构及介绍CityJSON 项目的目录结构如下:specs/├── README.md├── ci..._cityjson

https://www.qianduange.cn//article/19452.html 分类:前端知识

HTML5与CSS3构建的3d图片切换焦点图特效源码

2024-10-27本文还有配套的精品资源,点击获取 简介:HTML5通过CSS3的 transform 属性实现3d投影效果,结合JavaScript和 <canvas> 或 <img> 标签,创建动态图片切换的焦点图特效。此资源包含完整的实现代码,适合作为学习和参考项目。通过分析源码,开发者能够掌握3d交互式效果的创建,并提..._实现 3d横向焦点图效果

https://www.qianduange.cn//article/19234.html 分类:前端知识

HTML3d旋转相册

2024-10-26本期博主用HTML实现了3d旋转的照片墙,小伙伴们可以自行更换照片喔。_html旋转的图片

https://www.qianduange.cn//article/19201.html 分类:前端知识

CSS3打造动态卡通房子店铺特效

2024-10-26本文还有配套的精品资源,点击获取 简介:CSS3是一种强大的样式表语言,能够提供丰富的视觉效果和动画,使得网页设计更加生动和有趣。通过使用CSS3的3d阴影、形状绘制、动画效果、文本处理、选择器增强以及响应式设计技术,设计师能够创建出具有高度互动性和视觉吸引力的卡通房子店铺特效。这个项目不仅展示了CSS3的技术特性,还为网页设计师提供了创新的设计思路和用户体验提升的方法。...

https://www.qianduange.cn//article/19143.html 分类:前端知识

简单的vue三维饼状图,echacts

2024-10-13文章展示了如何在Vue项目中集成Echarts库,创建一个名为Pie3dChart的组件来绘制三维饼状图。通过props传递数据,配置Echarts的选项,如tooltip、series和label,实现图表的展示。组件的使用方法也一并给出。

https://www.qianduange.cn//article/18956.html 分类:前端知识

HTML5:七天学会基础动画网页10

2024-06-173d转换,正常取值0/1,0代表当前轴线不进行旋转,1反之,例:rotate3d(1,1,1,30deg),代表三个轴线都要旋转30度 rotate3d(0,1,1,30deg)代表X轴不旋转,Y,Z轴旋转30度。x-axis:定义视图被置于X轴的何处,可能的值 left,center,right,length,%y-axis:定义视图被置于Y轴的何处,可能的值 top,center,bottom,length,%/* 写在父元素上保留3d效果 */

https://www.qianduange.cn//article/12466.html 分类:前端知识

372条数据,当前2/38

最近搜索

会员中心 联系我 留言建议 回顶部