Commit 57ecf310 authored by José Luis Uc's avatar José Luis Uc

Cambios en el fondo

parent 78b37d48
......@@ -19,6 +19,13 @@ session_start();
</head>
<!--Coded with love by Mutiullah Samim-->
<body>
<div class="ripple-background">
<div class="circle xxlarge shade1"></div>
<div class="circle xlarge shade2"></div>
<div class="circle large shade3"></div>
<div class="circle mediun shade4"></div>
<div class="circle small shade5"></div>
</div>
<div class="container h-100">
<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div-->
<div class="d-flex justify-content-center h-100">
......
......@@ -46,6 +46,14 @@ $conn->close();*/
<body>
<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div-->
<div class="ripple-background">
<div class="circle xxlarge shade1"></div>
<div class="circle xlarge shade2"></div>
<div class="circle large shade3"></div>
<div class="circle mediun shade4"></div>
<div class="circle small shade5"></div>
</div>
<div class="container h-100">
......
......@@ -23,6 +23,14 @@ if (isset($_POST['escuela'])) {
</head>
<body>
<div class="ripple-background">
<div class="circle xxlarge shade1"></div>
<div class="circle xlarge shade2"></div>
<div class="circle large shade3"></div>
<div class="circle mediun shade4"></div>
<div class="circle small shade5"></div>
</div>
<div class="container h-100">
<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div-->
<div class="d-flex justify-content-center h-100">
......
......@@ -2,14 +2,16 @@
body,
html{
background-image: url("images/background.jpg");
/*background-image: url("images/background.jpg");*/
margin: 0;
height: 100%;
border: 30px solid transparent;
padding: 20px;
-webkit-border-image: url("images/background2.png") 40 round; /* Safari 3.1-5 */
-o-border-image: url("images/background2.png") 40 round; /* Opera 11-12.1 */
border-image: url("images/background2.png") 40 round;
background: #6C3721;
overflow: hidden;
/*-webkit-border-image: url("images/background2.png") 40 round; /* Safari 3.1-5 */
/*-o-border-image: url("images/background2.png") 40 round; /* Opera 11-12.1 */
/*border-image: url("images/background2.png") 40 round;*/
}
.user_card {
......@@ -81,3 +83,79 @@ input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.circle{
position: absolute;
border-radius: 50%;
background: white;
animation: ripple 10s infinite;
box-shadow: 0px 0px 1px 0px #508fb9;
}
.small{
width: 200px;
height: 200px;
left: -100px;
bottom: -100px;
}
.medium{
width: 400px;
height: 400px;
left: -200px;
bottom: -200px;
}
.large{
width: 600px;
height: 600px;
left: -300px;
bottom: -300px;
}
.xlarge{
width: 800px;
height: 800px;
left: -400px;
bottom: -400px;
}
.xxlarge{
width: 1000px;
height: 1000px;
left: -500px;
bottom: -500px;
}
.shade1{
opacity: 0.2;
}
.shade2{
opacity: 0.5;
}
.shade3{
opacity: 0.7;
}
.shade4{
opacity: 0.8;
}
.shade5{
opacity: 0.9;
}
@keyframes ripple{
0%{
transform: scale(0.8);
}
50%{
transform: scale(1.2);
}
100%{
transform: scale(0.8);
}
}
......@@ -16,6 +16,14 @@
</head>
<body onload="redireccion();">
<div class="ripple-background">
<div class="circle xxlarge shade1"></div>
<div class="circle xlarge shade2"></div>
<div class="circle large shade3"></div>
<div class="circle mediun shade4"></div>
<div class="circle small shade5"></div>
</div>
<div class="container h-100">
<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div-->
<div class="d-flex justify-content-center h-100">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment