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

  • CSS
  • CSS-Extras
  • LESS
  • SASS
  • SCSS
  • JavaScript
  • CoffeeScript
  • TypeScript
  • JSON
  • JSX
  • Markup
  • Markup-Templating
  • Markdown
  • Regex
  • SQL
  • PHP
  • Perl
  • Python
  • Pascal
  • Ruby
  • Django
  • Go
  • Git
  • Java
  • Kotlin
  • C
  • C++
  • Csharp
  • Clike

Get Started Now

Before purchase, try our free version to create awesome web pages.

Have any query?

No hesitate, just drop your query via email.

Drop Your Query

Thanks for sending Email!

Processing...