css3中的一个技巧--按时放大

文章目录

  • 个人主页
  • JavaEE系列专栏
    • 前言:
      • 按时(效果放慢倍速为3秒)
      • 放大(标签效果放大倍速为scale(1.25)倍)
      • 透明度(标签变透明)
    • 总代码

个人主页

JavaEE系列专栏

前言:

本篇博客主要以介绍css3中的一个技巧–按时、放大

效果介绍:基本可以作用于任何标签,常与hover(悬停)联用

按时(效果放慢倍速为3秒)

		transition: 3s;

放大(标签效果放大倍速为scale(1.25)倍)

-webkit-transform: scale(1.25);
		transform: scale(1.25);

透明度(标签变透明)

opacity: 0;

总代码

#in1{
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
		transition: 3s;
		opacity: 0;
	}

你可能感兴趣的:(javaEE系列专栏,css3,前端,css)