CSS3的transform属性可以缩放、倾斜和旋转任何元素。在没有任何浏览器前缀的前提下，这个属性已经被所有的现代浏览器所支持。如果想支持黑莓浏览器和安卓版的UC浏览器，你就需要添加-webkit-前缀了。
#myelement{
-webkit-transform:rotate(30deg);
transform:rotate(30deg);
}2024年10月22日
CSS3的transform属性可以缩放、倾斜和旋转任何元素。在没有任何浏览器前缀的前提下，这个属性已经被所有的现代浏览器所支持。如果想支持黑莓浏览器和安卓版的UC浏览器，你就需要添加-webkit-前缀了。
#myelement{
-webkit-transform:rotate(30deg);
transform:rotate(30deg);
}2024年10月22日
大家在做一些平面设计、文档编辑或网站页面的时候，经常会用到一些背景图片，但网上下载的背景图片有时不能满足实际需求，自己动手制作需要较高的美术功底，相关的制作软件也难以快速上手。其实借助一些云服务，通过简单设置就可以生成各种纹理图片、指定规格的站位图、有爆炸效果的图片以及纯CSS形态的背景图。
一、创建指定大小的占位图
我们在制作网页或者编辑文章的时候，经常都需要使用到占位图。这样可以在网页或文档制作完成后，根据实际的使用环境来替换需要的图片。那么如何快速制作出指定大小的占位图呢？
2024年10月22日
今天给大家带来是四种颜色的加载动画效果。大家可以仔细看到这是四个小点，点进行圆形的环绕，三百六十度的。看一下代码区域，我用开发工具是hplx开发unif的。
·首先看一下威武士图容器，里面包含svg图形元素，里面又包含了四个圆形，圆形a、圆形b、圆形c、圆形d等。大家可以看我这注释就应该看得明白，我很写的很详细。看效果去就知道一共是四个圆，大家可以发现没有，每个点都有自己运动的轨迹。
2024年10月22日
canvas绘图尺寸莫名其妙的缩放，让我困惑很久的问题
我一定要弄明白为什么？
本文会告诉你，canvas有两个尺寸，绘图尺寸和显示尺寸
背景
请先仔细看看这个图片，彩色部分和黑色部分，图片缩放了
上面图片整体大小： 192×108
我本来希望通过drawImage
2024年10月22日
CSS背景精灵技术，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都放到一张大图中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置。这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。
优点：
1.能减少网页的http请求，从而大大的提高页面的性能，这也是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；
2024年10月22日
在日常的证件照上传后时常会出现尺寸偏大，不利于其他功能的处理，可参考如何“用证照之星为证照替换衣装”，同样的，将处理好的证件照发送至相关部门却被通知背景颜色不符合要求时，以往我们会急得像热锅上的蚂蚁，后悔当初没有多找照相馆要其他背景色的备份。
这里，证照之星就能快速解决这两个难题。
证照之星是国内比较好用的证件照片制作软件，具有一键裁剪，智能背景替换，批量制作、内置证照规格的四大优势。同时具有两大技术：智能去除油光和服装替换。同时支持联机拍摄：支持网络摄像头及可联机拍摄的相机。
2024年10月22日
这个视频用CSS写一个非常简单的动态背景。大家可以看到在屏幕底部不断的有彩色的小泡泡升起来，而且是逐渐变大的，直到离开屏幕。来看一下代码，html非常简单。
·这些小泡泡用span来写，现在写了一些基本的样式，其它样式重新来写。来写一下这些小泡泡的样式，三个小圆出来了，再给这些小球加几层阴影，让它们看起来有点像气泡。
·接着来写个动画，让这些气泡从底部升起来。一开始把这些气泡移出屏幕的底部，这里给它100vh，并且一开始是比较小的，就让它变成0，再慢慢放大。动画结束的时候，气泡从顶部移出视口的范围，并且逐渐放大到原来的大小。绑定下动画，动画效果有了。
2024年10月22日
作者：Javan
转发链接：http://www.javanx.cn/20190321/css-skill/
随着前端开发越来越关注效率：通过选择器的使用和简化代码来快速加载渲染。像Less、SCSS这样的预处理器在工作的时候，需要绕的路较长，而直接使用css速度会更快。