css3缩放可以取负值吗，css3缩放效果

css中负值(px)的问题有什么?

1、margin的负值，叫负外补丁，4个方向都可以有负值，就是缩小容器的外围。一般配合position使用。比如一个水平绝对居中的用法。

2、background_position属性有四个参数，分别为 上 右 下 左，如果只用两个参数则默认为 是： 上 右，同时 系统默认上下参数和左右参数一致。

3、负值并不是对所有尺寸属性都有意义的，对宽高设置负值时无效的，负值在外边距margin的某个方向、定位属性top/right/bottom/left和背景图像定位等才有反向位移的效果。

4、margin是可以取负值的。例如margin-top：30px，这是取得正值，代表头部的外边距为30像素，就是头部距离相邻元素为30px；如果取得值为负值的话，就代表元素向头部移动30px。也就是头部距离相邻元素减小30px。

5、css代码：left { width：100% margin：-300px； float：left； } content { margin-right：300px； } right { width：300px； float：right；} 当#left使用足够的负边距的时候紧跟的浮动元素会提上来并排显示。

相关问答

Q1: css3中怎样定义动画的旋转中心点

首先新建一个html5文档，完成基本代码编写，如下图所示。然后新建一个长100像素，高50像素背景为红色的长方形图层。接着通过输入“border-radius：50%/50%”属性，如下图所示，将长方形图层设置成一个椭圆形。

我们没有使用transform-origin改变元素原点位置的情况下，CSS变形进行的旋转、移位、缩放等操作都是以元素自己中心（变形原点）位置进行变形的。

使用transform-origin设置css3旋转中心，分别有两个参数，代表x和y轴的位置。旋转参考的零点：元素左上角的位置或者说盒子模型的左上角。

transform-origin：50% 50%； 设置旋转中心为元素中心。transform-origin：0% 0%； 设置旋转中心为元素左上角。transform-origin：100% 100%； 设置旋转中心为元素右下角。

使用CSS3 transform 属性设置元素旋转。定义和用法 transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

Q2: CSS3中translate,transform和translation的区别和联系

translate 同其他属性rotate/skew/scale等，构成css中变形的几种方式。translate(x， y) 是将dom元素，在原来的基础上，偏移一定距离。translate需要跟transform结合使用。

在CSS3中，translate是一种用于元素变换的CSS属性，它可以改变元素的位置，不影响其在文档流中的位置。translate属性可以应用于2D和3D变换。

因为我们元素默认基点就是其中心位置，换句话说我们没有使用transform-origin改变元素基点位置的情况下，transform进行的rotate，translate，scale，skew，matrix等操作都是以元素自己中心位置进行变化的。

==transform==字面上就是变形，改变的意思。在css3中transform主要包括以下几种： 旋转rotate、 扭曲skew、 缩放scale 和 移动translate 以及 矩阵变形matrix。

Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。

Q3: CSS3属性box-shadow的使用

1、属性定义及使用说明： box-shadow属性可以设置一个或多个下拉阴影的框。

2、可以用css3的box-shadow属性。

3、-webkit- 或者 -moz- 使用时需要指定前缀。

4、box-shadow：none|shadow 它的值包括6个参数：阴影类型，X轴位移，Y轴位移，阴影大小，阴影扩展和阴影颜色。此6个参数可以有选择地省略。

Q4: Css3——background属性详解

background-position背景图像的位置。CSS3 background-size背景图片的尺寸。默认值：auto 其他值：像素，百分比，contain，cover background-origin背景图片的定位区域。

字体属性 与字体有关的属性包括：font-family，font-style，font-variant，font-weight，font-size，font。

background-size属性是用来设置背景图片尺寸大小的，可以通过长度值或百分比来设置图片大小，或者通过cover和contain来对图片进行伸缩设置。CSS background-size属性作用：规定背景图片的尺寸。

css background-image属性为元素设置背景图像，语法为：background-image：url(图片路径)。设置的背景图像会占据元素的全部尺寸，包括内边距和边框，但不包括外边距。css background-image属性怎么用？作用：为元素设置背景图像。

CSS3中的background-origin属性值为：padding-box：背景图像相对于内边距框来定位。border-box：背景图像相对于边框盒来定位。content-box：背景图像相对于内容框来定位。

Q5: 如何利用CSS3制作3D效果文字具体实现样式

立方体结构中，使用一个wrapper div来包裹立方体。在里面使用6个div来制作立方体的6个面。立方体的每一个面都有它自己的元素。我们稍后会使用CSS来将立方体的6个面放置到正确的位置上。

现在页面看起来像上面这样，接下来就是要给标签（h2元素）添加样式，一个是背景色，一个是左边的3D折纸效果。

现在3D图形的编程是通过css3样式实现的。

关于css3缩放可以取负值吗和css3缩放效果的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。