html与css实现2d效果的多种旋转

1、伪元素选择器



	
		
		伪元素选择器
		
	
	
		燕洵
		燕洵
		

html与css实现2d效果的多种旋转_第1张图片
2、文字对齐



	
		
		文字对齐
		
	
	
		
文字

html与css实现2d效果的多种旋转_第2张图片
3、体会过渡



	
		
		体会过渡
		
	
	
		

注:transition属性是用来设置多长时间来达到指定的长度与宽度
html与css实现2d效果的多种旋转_第3张图片
4、京东效果



	
		
		京东效果
		
	
	
		
loading

html与css实现2d效果的多种旋转_第4张图片
5、京东侧边



	
		
		京东侧边
		
	
	
		
	

html与css实现2d效果的多种旋转_第5张图片
6、变形之位移



	
		
		变形之位移
		
	
	
		

html与css实现2d效果的多种旋转_第6张图片
7、让定位的盒子水平居中和垂直居中



	
		
		让定位的盒子水平居中和垂直居中
		
	
	
		

html与css实现2d效果的多种旋转_第7张图片
8、变形之缩放



	
		
		变形之缩放
		
	
	
		

html与css实现2d效果的多种旋转_第8张图片
9、新浪图片放大效果



	
		
		新郎图片放大效果
		
	
	
		
loading

html与css实现2d效果的多种旋转_第9张图片
10、变形之旋转



	
		
		变形之旋转
		
	
	
		
123
loading


11、变形之旋转原点



	
		
		变形之旋转原点
		
	
	
		
123

html与css实现2d效果的多种旋转_第10张图片
12、旋转的楚乔



	
		
		旋转的楚乔
		
	
	
		
loading loading loading loading loading loading


13、过渡给颜色



	
		
		过渡给颜色
		
	
	
		

html与css实现2d效果的多种旋转_第11张图片
14、变形-倾斜



	
		
		变形-倾斜
		
	
	
		

html与css实现2d效果的多种旋转_第12张图片
15、鼠标经过显示阴影



	
		
		鼠标经过显示阴影
		
	
	
		

html与css实现2d效果的多种旋转_第13张图片

你可能感兴趣的:(前端)