mirror of
https://github.com/byReqz/webdriverinstaller.git
synced 2025-06-15 16:47:47 +00:00
uploaded the main project
This commit is contained in:
Nils
276
drivers/msi/css/style.css
Normal file
276
drivers/msi/css/style.css
Normal file
@ -0,0 +1,276 @@
|
||||
html, body {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
background: #222;
|
||||
font-family: 'Raleway', sans-serif;
|
||||
color: #FFF;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
body {
|
||||
display: block;
|
||||
padding: 0px 20px;
|
||||
}
|
||||
body * {
|
||||
box-sizing: border-box;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.window {
|
||||
max-width: 600px;
|
||||
min-width: 420px;
|
||||
margin: 40px auto 0px auto;
|
||||
}
|
||||
|
||||
.microsoft {
|
||||
font-family: 'Raleway', sans-serif;
|
||||
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
|
||||
-webkit-animation: openwindows 0.2s;
|
||||
animation: openwindows 0.2s;
|
||||
-webkit-transform-origin: bottom center;
|
||||
transform-origin: bottom center;
|
||||
}
|
||||
.microsoft .header {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
line-height: 40px;
|
||||
font-weight: 100;
|
||||
height: 40px;
|
||||
background: #449;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.microsoft .header .title {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0px 10px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.microsoft .header .title .icon {
|
||||
width: 30px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
top: 6px;
|
||||
}
|
||||
.microsoft .header .title .text {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
height: 25px;
|
||||
top: 7px;
|
||||
position: relative;
|
||||
padding: 0px 8px;
|
||||
line-height: 25px;
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.microsoft .header .buttons {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
width: 160px;
|
||||
height: 30px;
|
||||
}
|
||||
.microsoft .header .buttons .btn {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
.microsoft .header .buttons .btn:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.microsoft .header .buttons .btn:hover.minus {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.microsoft .header .buttons .btn:hover.expand {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.microsoft .header .buttons .btn:hover.close {
|
||||
background: rgba(150, 0, 0, 0.5);
|
||||
}
|
||||
.microsoft .header .buttons .btn i {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
top: -1px;
|
||||
font-size: 20px;
|
||||
}
|
||||
.microsoft .form {
|
||||
min-height: 60px;
|
||||
background: #333;
|
||||
}
|
||||
.microsoft .form .top {
|
||||
padding: 10px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.microsoft .form .top .icon {
|
||||
width: 50px;
|
||||
padding: 0px 10px 0px 0px;
|
||||
}
|
||||
.microsoft .form .top .icon .amd {
|
||||
background: #333;
|
||||
box-shadow: none;
|
||||
}
|
||||
.microsoft .form .top .icon .amd .amd-border, .microsoft .form .top .icon .amd .amd-border:after, .microsoft .form .top .icon .amd .amd-top:after {
|
||||
background: #333;
|
||||
}
|
||||
.microsoft .form .top .loader {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.microsoft .form .top .loader .text {
|
||||
font-size: 12px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.microsoft .form .top .loader .bar {
|
||||
min-height: 20px;
|
||||
background: #019966;
|
||||
width: 100%;
|
||||
-webkit-transition: 0.2s all;
|
||||
transition: 0.2s all;
|
||||
-webkit-animation: 0.4s opacitize;
|
||||
animation: 0.4s opacitize;
|
||||
}
|
||||
.microsoft .middle {
|
||||
padding: 0px 10px 10px 10px;
|
||||
}
|
||||
.microsoft .middle .display {
|
||||
height: 200px;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
padding: 5px;
|
||||
font-size: 12px;
|
||||
color: #32c832;
|
||||
font-weight: 300;
|
||||
overflow-y: auto;
|
||||
box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.microsoft .bottom {
|
||||
min-height: 40px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
font-size: 12px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
padding: 0px 10px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.microsoft .bottom .btn {
|
||||
width: 80px;
|
||||
text-align: center;
|
||||
height: 30px;
|
||||
position: relative;
|
||||
background: #444;
|
||||
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
|
||||
cursor: pointer;
|
||||
-webkit-transition: all 0.2s;
|
||||
transition: all 0.2s;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.microsoft .bottom .btn:not(:first-child) {
|
||||
margin-left: 4px;
|
||||
}
|
||||
.microsoft .bottom .btn:active {
|
||||
box-shadow: none;
|
||||
}
|
||||
.microsoft .bottom .text {
|
||||
color: rgba(255, 255, 255, 0.1);
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.amd {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding: 5%;
|
||||
background: #000;
|
||||
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
|
||||
border-radius: 2px;
|
||||
}
|
||||
.amd .amd-border {
|
||||
width: 100%;
|
||||
background: #000;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding-bottom: 100%;
|
||||
}
|
||||
.amd .amd-border:after {
|
||||
content: '';
|
||||
width: 45%;
|
||||
height: 45%;
|
||||
background: #000;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%) translateY(-50%);
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
}
|
||||
.amd .amd-border .amd-top {
|
||||
position: absolute;
|
||||
background: #019966;
|
||||
top: 0%;
|
||||
left: 0%;
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
-webkit-transform: rotateZ(-45deg);
|
||||
transform: rotateZ(-45deg);
|
||||
-webkit-transform-origin: top left;
|
||||
transform-origin: top left;
|
||||
}
|
||||
.amd .amd-border .amd-bottom {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 55%;
|
||||
background: #019966;
|
||||
-webkit-transform: rotateZ(-45deg) translateX(-30%) translateY(-30%);
|
||||
transform: rotateZ(-45deg) translateX(-30%) translateY(-30%);
|
||||
}
|
||||
|
||||
@-webkit-keyframes opacitize {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes opacitize {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
77
drivers/msi/index.html
Normal file
77
drivers/msi/index.html
Normal file
@ -0,0 +1,77 @@
|
||||
<!DOCTYPE html>
|
||||
<html >
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>MSI Drivers Webinstaller</title>
|
||||
|
||||
|
||||
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Raleway'>
|
||||
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/icon?family=Material+Icons'>
|
||||
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="window microsoft">
|
||||
<div class="header">
|
||||
<div class="title">
|
||||
<div class="icon"><i class="material-icons">get_app</i></div>
|
||||
<div class="text">MSI Drivers Webinstaller</div>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<div class="btn minus"> <i class="material-icons">remove</i></div>
|
||||
<div class="btn expand"> <i class="material-icons">crop_square</i></div>
|
||||
<div class="btn close"> <i class="material-icons">close</i></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form">
|
||||
<div class="top">
|
||||
<div class="icon">
|
||||
<div class="amd">
|
||||
<div class="amd-border">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="loader">
|
||||
<div class="text">Extract: opengl32sw.dll... 35%</div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="middle">
|
||||
<div class="display">
|
||||
<div class="line">Extract Qt5WinExtras.dll... 100%</div>
|
||||
<div class="line">Extract MSIInstaller.exe... 100%</div>
|
||||
<div class="line">Extract Setup.exe... 100%</div>
|
||||
<div class="line">Extract libEGL.dll... 100%</div>
|
||||
<div class="line">Extract mfc120u.dll... 100%</div>
|
||||
<div class="line">Extract atdcm64a.exe... 100%</div>
|
||||
<div class="line">Extract Qt5WinExtras.dll... 100%</div>
|
||||
<div class="line">Extract MSIInstaller.exe... 100%</div>
|
||||
<div class="line">Extract Setup.exe... 100%</div>
|
||||
<div class="line">Extract libEGL.dll... 100%</div>
|
||||
<div class="line">Extract mfc120u.dll... 100%</div>
|
||||
<div class="line">Extract atdcm64a.exe... 100%</div>
|
||||
<div class="line">Extract Qt5WinExtras.dll... 100%</div>
|
||||
<div class="line">Extract MSIInstaller.exe... 100%</div>
|
||||
<div class="line">Extract Setup.exe... 100%</div>
|
||||
<div class="line">Extract libEGL.dll... 100%</div>
|
||||
<div class="line">Extract mfc120u.dll... 100%</div>
|
||||
<div class="line">Extract atdcm64a.exe... 100%</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="btn">Cancel</div>
|
||||
<div class="text">MSI Web Installer v4.0</div>
|
||||
<div class="btn">Back</div>
|
||||
<div class="btn">Close</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/index.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
47
drivers/msi/index.pug
Normal file
47
drivers/msi/index.pug
Normal file
@ -0,0 +1,47 @@
|
||||
.window.microsoft
|
||||
.header
|
||||
.title
|
||||
.icon #[i.material-icons get_app]
|
||||
.text Radeon Software Crimson Install
|
||||
.buttons
|
||||
.btn.minus
|
||||
i.material-icons remove
|
||||
.btn.expand
|
||||
i.material-icons crop_square
|
||||
.btn.close
|
||||
i.material-icons close
|
||||
.form
|
||||
.top
|
||||
.icon
|
||||
.amd
|
||||
.amd-border
|
||||
.amd-top
|
||||
.amd-bottom
|
||||
.loader
|
||||
.text Extract: opengl32sw.dll... 35%
|
||||
.bar
|
||||
.middle
|
||||
.display
|
||||
.line Extract Qt5WinExtras.dll... 100%
|
||||
.line Extract RadeonInstaller.exe... 100%
|
||||
.line Extract Setup.exe... 100%
|
||||
.line Extract libEGL.dll... 100%
|
||||
.line Extract mfc120u.dll... 100%
|
||||
.line Extract atdcm64a.exe... 100%
|
||||
.line Extract Qt5WinExtras.dll... 100%
|
||||
.line Extract RadeonInstaller.exe... 100%
|
||||
.line Extract Setup.exe... 100%
|
||||
.line Extract libEGL.dll... 100%
|
||||
.line Extract mfc120u.dll... 100%
|
||||
.line Extract atdcm64a.exe... 100%
|
||||
.line Extract Qt5WinExtras.dll... 100%
|
||||
.line Extract RadeonInstaller.exe... 100%
|
||||
.line Extract Setup.exe... 100%
|
||||
.line Extract libEGL.dll... 100%
|
||||
.line Extract mfc120u.dll... 100%
|
||||
.line Extract atdcm64a.exe... 100%
|
||||
.bottom
|
||||
.btn Cancel
|
||||
.text Nullsoft Install System v4.0
|
||||
.btn Back
|
||||
.btn Close
|
||||
60
drivers/msi/js/index.js
Normal file
60
drivers/msi/js/index.js
Normal file
@ -0,0 +1,60 @@
|
||||
var data = []
|
||||
|
||||
var nameData = {
|
||||
prefix: ['Win', 'Qt', 'MSI', 'MSI', 'Setup', 'lib', 'mfc', 'ms', 'mdn'],
|
||||
word: ['EGL', 'Installer', 'GLES', 'Soft', 'Diag', 'Over', 'vcr', 'Open', 'Light'],
|
||||
suffix: ['Installer.exe', 'Extra.dll', '64a.exe', 'V2.dll', '12sw.exe', 'x86.sys', '120.dll']
|
||||
}
|
||||
var display = document.querySelectorAll('.display')[0]
|
||||
var loaderBar = document.querySelectorAll('.loader .bar')[0]
|
||||
var loaderText = document.querySelectorAll('.loader .text')[0]
|
||||
var words = makeInstallerFiles()
|
||||
drawInstallerFiles(words)
|
||||
setInterval(function(){
|
||||
for(var i = 0; i < words.length; i++){
|
||||
if(words[i].percent < 100){
|
||||
words[i].percent += Math.floor(Math.random()*25)
|
||||
loaderBar.style.display = 'block'
|
||||
if(words[i].percent >= 100){
|
||||
words[i].percent = 100
|
||||
if(words.length-1 !== i)
|
||||
loaderBar.style.display = 'none'
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
drawInstallerFiles(words)
|
||||
}, 200)
|
||||
function drawInstallerFiles(words){
|
||||
display.innerHTML = ''
|
||||
words.forEach(function(word){
|
||||
if(word.percent > 0){
|
||||
display.innerHTML += '<div class="line">'+word.word+'...'+word.percent+'%</div>'
|
||||
loaderText.innerHTML = word.word+'...'+word.percent+'%'
|
||||
loaderBar.style.width = word.percent + '%'
|
||||
if(word.percent < 100)
|
||||
display.scrollTop = 100000;
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function makeInstallerFiles(){
|
||||
var arr = []
|
||||
for(var i = 0; i < 20; i++){
|
||||
var prefix = chooseRandomValue(nameData.prefix)
|
||||
var word = chooseRandomValue(nameData.word)
|
||||
var suffix = chooseRandomValue(nameData.suffix)
|
||||
arr.push({
|
||||
word: prefix + word + suffix,
|
||||
percent: 0
|
||||
})
|
||||
}
|
||||
return arr
|
||||
}
|
||||
|
||||
function chooseRandomValue(arr){
|
||||
min = 0
|
||||
max = arr.length
|
||||
return arr[Math.floor(Math.random()*(max-min)+min)]
|
||||
}
|
||||
216
drivers/msi/scss/style.scss
Normal file
216
drivers/msi/scss/style.scss
Normal file
@ -0,0 +1,216 @@
|
||||
html, body{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
background:#222;
|
||||
font-family: 'Raleway', sans-serif;
|
||||
color:#FFF;
|
||||
height:100%;
|
||||
overflow:hidden;
|
||||
font-weight:100;
|
||||
}
|
||||
body{
|
||||
*{
|
||||
box-sizing:border-box;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
}
|
||||
display:block;
|
||||
padding:0px 20px;
|
||||
}
|
||||
|
||||
.window{
|
||||
max-width:600px;
|
||||
min-width:420px;
|
||||
margin:40px auto 0px auto;
|
||||
}
|
||||
.microsoft{
|
||||
font-family: 'Raleway', sans-serif;
|
||||
box-shadow:0px 4px 10px rgba(0, 0, 0, 0.5);
|
||||
.header{
|
||||
display:flex;
|
||||
color:rgba(255, 255, 255, 0.85);
|
||||
line-height:40px;
|
||||
font-weight:100;
|
||||
height:40px;
|
||||
background:#449;
|
||||
position:relative;
|
||||
z-index:1;
|
||||
box-shadow:0px 2px 2px rgba(0, 0, 0, 0.25);
|
||||
.title{
|
||||
flex:1;
|
||||
width:100%;
|
||||
height:100%;
|
||||
padding:0px 10px;
|
||||
display:flex;
|
||||
user-select:none;
|
||||
.icon{
|
||||
width:30px;
|
||||
position:relative;
|
||||
display:inline-block;
|
||||
top:6px;
|
||||
}
|
||||
.text{
|
||||
flex:1;
|
||||
height:25px;
|
||||
top:7px;
|
||||
position:relative;
|
||||
padding:0px 8px;
|
||||
line-height:25px;
|
||||
border-left:1px solid rgba(0, 0, 0, 0.2);
|
||||
white-space:nowrap;
|
||||
text-overflow:ellipsis;
|
||||
}
|
||||
}
|
||||
.buttons{
|
||||
display:flex;
|
||||
width:160px;
|
||||
height:30px;
|
||||
.btn{
|
||||
flex:1;
|
||||
text-align:center;
|
||||
|
||||
&:hover{
|
||||
&.minus{ background:rgba(0, 0, 0, 0.25); }
|
||||
&.expand{ background:rgba(0, 0, 0, 0.25); }
|
||||
&.close{ background:rgba(150, 0, 0, 0.5); }
|
||||
cursor:pointer;
|
||||
}
|
||||
i{
|
||||
position:relative;
|
||||
display:inline-block;
|
||||
top:-1px;
|
||||
font-size:20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.form{
|
||||
min-height:60px;
|
||||
background:#333;
|
||||
|
||||
.top{
|
||||
padding:10px;
|
||||
display:flex;
|
||||
.icon{
|
||||
width:50px;
|
||||
padding:0px 10px 0px 0px;
|
||||
.amd{
|
||||
background:#333;
|
||||
box-shadow:none;
|
||||
.amd-border, .amd-border:after, .amd-top:after{background:#333;}
|
||||
}
|
||||
}
|
||||
.loader{
|
||||
flex:1;
|
||||
|
||||
.text{
|
||||
font-size:12px;
|
||||
margin-bottom:5px;
|
||||
}
|
||||
.bar{
|
||||
min-height:20px;
|
||||
background:#019966;
|
||||
width:100%;
|
||||
transition:0.2s all;
|
||||
animation:0.4s opacitize;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.middle{
|
||||
padding:0px 10px 10px 10px;
|
||||
.display{
|
||||
height:200px;
|
||||
background:rgba(0, 0, 0, 0.25);
|
||||
padding:5px;
|
||||
font-size:12px;
|
||||
color:rgba(50, 200, 50, 1);
|
||||
font-weight:300;
|
||||
overflow-y:auto;
|
||||
box-shadow:inset 0px 0px 4px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
}
|
||||
.bottom{
|
||||
min-height:40px;
|
||||
display:flex;
|
||||
font-size:12px;
|
||||
color:rgba(255, 255, 255, 0.8);
|
||||
padding:0px 10px;
|
||||
line-height:30px;
|
||||
.btn{
|
||||
width:80px;
|
||||
&:not(:first-child){margin-left:4px;}
|
||||
text-align:center;
|
||||
height:30px;
|
||||
position:relative;
|
||||
background:#444;
|
||||
box-shadow:0px 2px 4px rgba(0, 0, 0, 0.25);
|
||||
cursor:pointer;
|
||||
transition:all 0.2s;
|
||||
user-select:none;
|
||||
&:active{
|
||||
box-shadow:none;
|
||||
}
|
||||
}
|
||||
.text{
|
||||
color:rgba(255, 255, 255, 0.1);
|
||||
flex:1;
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
animation: openwindows 0.2s;
|
||||
transform-origin:bottom center;
|
||||
}
|
||||
|
||||
.amd{
|
||||
display:inline-block;
|
||||
width:100%;
|
||||
padding:5%;
|
||||
background:#000;
|
||||
box-shadow:0px 2px 4px rgba(0, 0, 0, 0.25);
|
||||
border-radius:2px;
|
||||
.amd-border{
|
||||
width:100%;
|
||||
background:#000;
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
padding-bottom:100%;
|
||||
&:after{
|
||||
content: '';
|
||||
width:45%;
|
||||
height:45%;
|
||||
background:#000;
|
||||
position:absolute;
|
||||
top:50%;
|
||||
left:50%;
|
||||
transform:translateX(-50%) translateY(-50%);
|
||||
}
|
||||
.amd-top{
|
||||
position:absolute;
|
||||
background:#019966;
|
||||
top:0%;
|
||||
left:0%;
|
||||
width:200%;
|
||||
height:200%;
|
||||
|
||||
transform:rotateZ(-45deg);
|
||||
transform-origin:top left;
|
||||
}
|
||||
.amd-bottom{
|
||||
position:absolute;
|
||||
bottom:0px;
|
||||
left:0px;
|
||||
width:100%;
|
||||
height:55%;
|
||||
background:#019966;
|
||||
transform:rotateZ(-45deg) translateX(-30%) translateY(-30%);
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes opacitize{
|
||||
0%{ opacity:0; }
|
||||
50%{ opacity: 0; }
|
||||
100%{ opacity:1; }
|
||||
}
|
||||
Reference in New Issue
Block a user