Source Code

Highlight the code of your script if it needs.

Style-1

				
				
					.sina-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.4s;
}
.sina-flex{
	display: flex;
}
.clearfix::after{
	content: '';
	clear: both;
	display: table;
}				
			

Style-2

				
				
					.sina-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.4s;
}
.sina-flex{
	display: flex;
}
.clearfix::after{
	content: '';
	clear: both;
	display: table;
}				
			

Style-3

				
				
					.sina-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.4s;
}
.sina-flex{
	display: flex;
}
.clearfix::after{
	content: '';
	clear: both;
	display: table;
}				
			

Style-4

With line highlight
				
				
					.sina-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.4s;
}
.sina-flex{
	display: flex;
}
.clearfix::after{
	content: '';
	clear: both;
	display: table;
}				
			

Style-5

Without line numbers
				
				
					.sina-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.4s;
}
.sina-flex{
	display: flex;
}
.clearfix::after{
	content: '';
	clear: both;
	display: table;
}				
			

Style-6

				
				
					.sina-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.4s;
}
.sina-flex{
	display: flex;
}
.clearfix::after{
	content: '';
	clear: both;
	display: table;
}				
			

Style-7

				
				
					.sina-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.4s;
}
.sina-flex{
	display: flex;
}
.clearfix::after{
	content: '';
	clear: both;
	display: table;
}				
			

Style-8

				
				
					.sina-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.4s;
}
.sina-flex{
	display: flex;
}
.clearfix::after{
	content: '';
	clear: both;
	display: table;
}				
			

Supported Languages

Has any query?

No hesitate, just drop your query via email.

Drop Your Query

Thanks for sending Email!

Processing...