|
|
| Línea 3: |
Línea 3: |
|
| |
|
| <link rel="stylesheet" href="https://fa.cerisal.cloud/css/all.min.css" crossorigin="anonymous"> | | <link rel="stylesheet" href="https://fa.cerisal.cloud/css/all.min.css" crossorigin="anonymous"> |
|
| |
| <style>
| |
| .deleg-container{
| |
| display: grid;
| |
| text-align: center;
| |
| grid-template-columns: 80% 80% 80%;
| |
| }
| |
| .deleg-container a {
| |
| color:#ffffff;
| |
| background-color: #000080;
| |
| padding-top:25px;
| |
| padding-right:3px;
| |
| padding-bottom:0px;
| |
| padding-left:3px;
| |
| text-decoration: none;
| |
| margin:5px;
| |
| transition: transform .2s ease-out;
| |
| }
| |
| .deleg-container h6 {
| |
| color:#ffffff;
| |
| }
| |
|
| |
| .avion:active{
| |
| position: relative;
| |
| animation-name: movimiento;
| |
| animation-duration: 10s;
| |
| }
| |
|
| |
| @keyframes movimiento {
| |
| 0% {left:0; top:0;}
| |
| 100% {left:300%; top:-300%; transform:scale(3);}
| |
|
| |
| }
| |
|
| |
| @media (min-width: 750px) {
| |
| .ctn{
| |
| display: inline-flex;
| |
| }
| |
| .deleg-container a:hover{
| |
| transform:scale(1.1);
| |
| background-color: #000099;
| |
| }
| |
| .deleg-container{
| |
| display: grid;
| |
| text-align: center;
| |
| grid-template-columns: 37% 37% 39%;
| |
| }
| |
| }
| |
|
| |
| </style>
| |
|
| |
|
| <div class="ctn"> | | <div class="ctn"> |
