- 博客(6)
- 收藏
- 关注
RSS订阅原创 3D小案例
3D效果实现两面翻转的盒子今天用3D制作一个简单的两面翻转的小盒子，以便大家更好的理解应用c3新特性的3D效果题目要求：鼠标经过时，带有字样的小盒子进行两面翻转题目分析：（1）多个盒子放在同一个盒子的同一个位置，需要使用定位（子绝父相）（2）运用html基本属性对盒子中字样进行一定的样式设置，不然文字容易跑偏（3）运用 transform-style: preserve-3d属性，让背面的盒子保留立体空间，不然没有立体效果，该属性需要写在被观察元素的父级元素上（4）前后两个盒子进行背靠背设置，
2020-05-28 15:30:06
349
原创 css新特性之3D效果呈现
css新特性之3D效果呈现一、基础知识介绍1、3D坐标系css中三维坐标系与我们平时数学中的三维坐标系有一定的差距，主要表现在Y轴和Z轴。X轴：水平向右为正，水平向左为负Y轴：垂直向下为正，垂直向上为负Z轴：从界面向外为正，向里为负总结：右下外为正，左上里为负2、透视图prespective概念：又名视距，就是眼睛到屏幕的距离（下图中的d），d越大，图形立体感越弱，其中z是物体到屏幕的距离，z越大，图形立体感越明显。作用：使图形更有立体感，一般遵循近大远小的规则。注意点：透视图特性
2020-05-27 16:45:51
747
原创 2D效果之转换
2D效果之转换题目要求：页面只有一个盒子，要求鼠标经过盒子，弹出带有“你好！”字样的盒子1、概念2D转换就是改变图形在二维坐标上的位置和形状，在这个小案例中我们主要介绍图形在二维坐标上位置的变化（以旋转为主）注意：前端学习中的二维坐标与数学中的二维坐标有所不同，前端中的二维坐标如下：2、涉及的知识点转换有关的知识点一般围绕transform来展开，居然以旋转为主进行展开，旋转主要涉及...
2020-05-07 19:16:13
252
原创 Navicat for MySQL两表怎样建立外键进行相连
Navicat for MySQL两表怎样建立外键进行相连今天，小编给大家科普一个关于Navicat for MySQL建立外键时需要的小知识，用t_book和t_booktype两表进行关联举例，先给大家看一下关联的效果图如表中所示：用t_book中的bookTypeId作为外键关联t_booktype中的id具体实现步骤打开编辑好的两表其中随便点击一个表，我这里点击的是t_book...
2020-04-11 18:29:39
9822
原创 DOM入门笔记
DOM入门笔记前言：简单归纳一下DOM的一些基础操作，希望能帮到你，把今天的内容总结为“两区分，一事件”，下面来具体介绍一下。1.区分API、WEB API和DOMAPI应用程序编程接口，程序员自己提供的一种工具，以便能轻松地实现自己想要完成的功能WEB API浏览器提供的一套操作浏览器功能（BOM）和页面元素的API（DOM），主要用于做浏览器的交互效果DOM文档对象...
2020-04-06 20:28:46
372
原创 学成在线简易小网站
学成在线案例必备知识：html和css基础知识具体代码如下：html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-...
2020-04-04 10:43:09
26391
38
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人