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