Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@AgustinBeniteez
AgustinBeniteez committed Mar 4, 2024
1 parent 9a873fa commit 4489003
Showing 1 changed file with 88 additions and 10 deletions.
98 changes: 88 additions & 10 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -749,7 +749,7 @@ <h1 id="blog-title">Elements Css Free</h1>
<input type="checkbox" class="theme-checkbox">
<h3 class="post-title">Boton Twitch</h3>
<style>
.elemento9 {
.elemento1 {
display: flex;
align-items: center;
justify-content: center;
Expand Down Expand Up @@ -824,7 +824,7 @@ <h3 class="post-title">Boton Twitch</h3>
transform: translateY(30px);
}
</style>
<div class="elemento9">
<div class="elemento1">
<a href="https://agustheking.github.io/elements/elemento1.html" target="_blank" class="button9">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="60" height="60" viewBox="0,0,255.99609,255.99609">
<g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.33333,5.33333)"><path d="M41.754,27.958l-8.455,9.699c-0.19,0.218 -0.465,0.343 -0.754,0.343h-6.175c-0.239,0 -0.47,0.085 -0.651,0.241l-6.438,5.519c-0.181,0.155 -0.412,0.24 -0.651,0.24h-1.63c-0.552,0 -1,-0.448 -1,-1v-4c0,-0.552 -0.448,-1 -1,-1h-8c-0.552,0 -1,-0.448 -1,-1v-21.057c0,-0.156 0.036,-0.309 0.106,-0.448l3.981,-7.943c0.17,-0.338 0.516,-0.552 0.894,-0.552h30.019c0.552,0 1,0.448 1,1v19.301c0,0.242 -0.087,0.475 -0.246,0.657z" fill="#000000"></path><path d="M39,26.369c-1.667,1.877 -3.333,3.754 -5,5.631c-2.333,0 -4.667,0 -7,0c-2.333,2 -4.667,4 -7,6c0,-2 0,-4 0,-6c-2.667,-0.008 -5.333,-0.016 -8,-0.024c0,-7.326 0,-14.651 0,-21.976c9,0 18,0 27,0c0,5.456 0,10.912 0,16.369z" fill="#fafafa"></path><rect x="21" y="16" width="3" height="10" fill="#000000"></rect><rect x="30" y="16" width="3" height="10" fill="#000000"></rect></g></g>
Expand All @@ -847,12 +847,12 @@ <h3 class="post-title">Boton Twitch</h3>
<input type="checkbox" class="theme-checkbox">
<h3 class="post-title">Boton Discord Server</h3>
<style>
.elemento8 {
.elemento2 {
display: flex;
align-items: center;
justify-content: center;
margin-top: 35%;
margin-bottom: 49%;
margin-bottom: 53%;
}

.Btn {
Expand Down Expand Up @@ -918,7 +918,7 @@ <h3 class="post-title">Boton Discord Server</h3>
}
</style>

<div class="elemento8">
<div class="elemento2">
<button class="Btn" onclick="this.classList.toggle('clicked')">
<span class="initial-text">Discord</span>
<span class="server-name">NombreServer</span>
Expand Down Expand Up @@ -946,7 +946,7 @@ <h3 class="post-title">Boton Discord Server</h3>
<h3 class="post-title">Boton Delete</h3>

<style>
.elemento1 {
.elemento3 {
display: flex;
align-items: center;
justify-content: center;
Expand Down Expand Up @@ -1011,7 +1011,7 @@ <h3 class="post-title">Boton Delete</h3>
}
</style>

<div class="elemento1">
<div class="elemento3">
<button class="button1">
<svg viewBox="0 0 448 512" class="svgIcon1"><path d="M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z"></path></svg>
</button>
Expand All @@ -1038,7 +1038,7 @@ <h3 class="post-title">Boton 3D Cube</h3>
align-items: center;
justify-content: center;
margin-top: 35%;
margin-bottom: 49%;
margin-bottom: 57%;
}

.button-icon4 {
Expand Down Expand Up @@ -1201,7 +1201,7 @@ <h3 class="post-title">Botón Windows Retro</h3>
align-items: center;
justify-content: center;
margin-top: 35%;
margin-bottom: 49%;
margin-bottom: 53%;
}

.button6 {
Expand Down Expand Up @@ -1419,7 +1419,7 @@ <h3 class="post-title">Botón Bola de Nieve</h3>
align-items: center;
justify-content: center;
margin-top: 35%;
margin-bottom: 39%;
margin-bottom: 35%;
}

.snowball-button9 {
Expand Down Expand Up @@ -1582,6 +1582,84 @@ <h3 class="post-title">Botón Bola de Nieve</h3>
<div class="tag">html</div>
</div>
</div>

<!-- Post 8 Boton Morado con Enlace -->
<div class="post">
<input type="checkbox" class="theme-checkbox">
<h3 class="post-title">Botón checkbox clasic [Creating]</h3>
<style>
.elemento11 {
display: flex;
align-items: center;
justify-content: center;
margin-top: 35%;
margin-bottom: 35%;
}

.toggle11-container {
display: inline-block;
}

.toggle11 {
position: relative;
display: inline-block;
width: 80px;
height: 40px;
}

.toggle11 input {
display: none;
}

.toggle-label11 {
position: absolute;
width: 100%;
height: 100%;
background-color: #000;
border-radius: 20px;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
cursor: pointer;
transition: background-color 0.3s;
}

.toggle11 input:checked + .toggle-label11 {
background-color: #4CAF50; /* Cambiar a color verde */
}

.toggle-label11::before {
content: '';
position: absolute;
width: 50%;
height: 100%;
background-color: #fff;
border-radius: 50%;
transition: transform 0.3s;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.toggle11 input:checked + .toggle-label11::before {
transform: translateX(100%);
}
</style>
<div class="elemento11">
<div class="toggle11-container">
<div class="toggle11">
<input type="checkbox" id="switch"/>
<label class="toggle-label11" for="switch"></label>
</div>
</div>
</div>
<a href="https://elementscss.000webhostapp.com/elements/elemento1.html" target="_blank">
<button class="show-code-btn">Show Code { }</button>
</a>
<!-- Tags -->
<div class="tags-container">
<div class="tag">Boton</div>
<div class="tag">animation</div>
<div class="tag">css</div>
<div class="tag">html</div>
</div>
</div>
<!-- Fin de los posts -->
</div>
</div>
Expand Down

0 comments on commit 4489003

Please sign in to comment.