Skip to content

Commit 375d8e5

Browse files
Rajkumar-justcoderRajkumar-justcoder
authored
Merge branch 'main' into kkartik07-btn1
2 parents aca4355 + d903fda commit 375d8e5

File tree

3 files changed

+368
-6
lines changed

3 files changed

+368
-6
lines changed

‎assets/script.js

Whitespace-only changes.

‎buttons/buttons.css

+272-2
Original file line numberDiff line numberDiff line change
@@ -1459,7 +1459,6 @@ a:focus-visible {
14591459

14601460
/* ANIKET btn end */
14611461

1462-
14631462
/* Harsh Jain's button starts*/
14641463
.harsh-jain-button-1 {
14651464
background-color: #343a40;
@@ -1725,6 +1724,28 @@ a:focus-visible {
17251724
/*Nitish's btn end */
17261725

17271726

1727+
/*Thiago's btn start*/
1728+
.Okan-btn-1 {
1729+
background-color: #b4befe;
1730+
border: none;
1731+
border-radius: 5px;
1732+
padding: 20px 30px;
1733+
transition: .5s;
1734+
cursor: pointer;
1735+
font-family: JetBrains, monospace;
1736+
1737+
}
1738+
.Okan-btn-1:hover{
1739+
background-color: #94e2d5;
1740+
transition: .5s;
1741+
-webkit-box-shadow: rgb(40, 159, 237) 5px 5px 0px 0px, rgb(95, 184, 255) 10px 10px 0px 0px, rgb(161, 216, 255) 15px 15px 0px 0px, rgb(202, 230, 255) 20px 20px 0px 0px, rgb(225, 238, 255) 25px 25px 0px 0px, 5px 5px 15px 5px rgba(0,0,0,0);
1742+
box-shadow: rgb(40, 159, 237) 5px 5px 0px 0px, rgb(95, 184, 255) 10px 10px 0px 0px, rgb(161, 216, 255) 15px 15px 0px 0px, rgb(202, 230, 255) 20px 20px 0px 0px, rgb(225, 238, 255) 25px 25px 0px 0px, 5px 5px 15px 5px rgba(0,0,0,0);
1743+
}
1744+
1745+
1746+
/*Thiago's btn start*/
1747+
1748+
17281749
/* cyphers 2nd btn start */
17291750
.cypher-2-btn{
17301751
font-size:1.2rem;
@@ -1746,6 +1767,7 @@ a:focus-visible {
17461767

17471768
/* cypherrs 2nd bt end */
17481769

1770+
17491771
/* kkartik07's 1st btn start */
17501772
.kkartik07-btn-1 {
17511773
padding: 18px 32px;
@@ -1776,4 +1798,252 @@ a:focus-visible {
17761798
.kkartik07-btn-1:hover::before {
17771799
left: 55%;
17781800
}
1779-
/* kkartik07's 1st btn end */
1801+
/* kkartik07's 1st btn end */
1802+
1803+
1804+
/* Deepak Kumar btn start */
1805+
.DeepakKumar-button-31 {
1806+
position: absolute;
1807+
transform: translate(-50%, -50%);
1808+
padding: 1em 1em;
1809+
color: white;
1810+
border: none;
1811+
background: none;
1812+
top: 50%;
1813+
left: 50%;
1814+
font-size: 20px;
1815+
}
1816+
1817+
.DeepakKumar-button-31:before {
1818+
content: '';
1819+
position: absolute;
1820+
top: 0;
1821+
left: 0;
1822+
width: 100%;
1823+
height: 100%;
1824+
background: #00a7fb;
1825+
z-index: -1;
1826+
transition: transform 0.6s;
1827+
transform-origin: bottom right;
1828+
transform: scale(0);
1829+
}
1830+
1831+
.DeepakKumar-button-31:hover:before {
1832+
transition: transform 0.5s;
1833+
transform-origin: top left;
1834+
transform: scale(1);
1835+
}
1836+
1837+
.DeepakKumar-button-31:after {
1838+
content: '';
1839+
position: absolute;
1840+
top: 0;
1841+
left: 0;
1842+
width: 100%;
1843+
height: 100%;
1844+
background: transparent;
1845+
border: 2px solid #fff;
1846+
box-sizing: border - box;
1847+
z-index: -1;
1848+
transition: transform 0.5s;
1849+
transform-origin: top left;
1850+
transform: scale(1);
1851+
}
1852+
1853+
.DeepakKumar-button-31:hover:after {
1854+
transition: transform 0.6s;
1855+
transform-origin: bottom right;
1856+
transform: scale(0);
1857+
}
1858+
1859+
/* Deepak Kumar btn end */
1860+
1861+
1862+
/* Shridhar's btn start */
1863+
.shridhar-btn{
1864+
font-size:1.2rem;
1865+
cursor: pointer;
1866+
position:relative;
1867+
display: flex;
1868+
transition: 1s;
1869+
}
1870+
1871+
.shridhar-btn::before{
1872+
content: 'Follow';
1873+
display: flex;
1874+
justify-content: center;
1875+
align-items: center;
1876+
position: absolute;
1877+
top: 0px;
1878+
left: 0px;
1879+
width: 100%;
1880+
height: 100%;
1881+
z-index: 10;
1882+
background: rgba(40,40, 40,1);
1883+
transition: 0.2s;
1884+
border-radius: 3px;
1885+
}
1886+
.shridhar-btn:hover::before{
1887+
opacity: 0;
1888+
pointer-events: none;
1889+
}
1890+
1891+
.shridhar-btn > button {
1892+
width: 50%;
1893+
padding: 1rem 1.5rem;
1894+
border: 0px;
1895+
color: white;
1896+
font-size: 1rem;
1897+
font-weight: 700;
1898+
cursor: pointer;
1899+
}
1900+
1901+
.shridhar-btn > button:hover {
1902+
filter: brightness(200%);
1903+
}
1904+
1905+
1906+
.shridhar-btn-youtube{
1907+
background: rgb(255, 0, 0);
1908+
border-radius: 5px 0px 0px 5px;
1909+
}
1910+
1911+
1912+
.shridhar-btn-twitter{
1913+
background: rgb(29, 161, 242);
1914+
border-radius: 0px 5px 5px 0px;
1915+
}
1916+
1917+
/* Shridhar's btn end */
1918+
1919+
1920+
1921+
/* haldaranup 1st button starts here */
1922+
.haldaranup-btn-1{
1923+
font-size: 1.25rem;
1924+
padding: 16px 36px;
1925+
background-color: rgb(117, 0, 172);
1926+
border: none;
1927+
border-radius: 12px;
1928+
cursor: pointer;
1929+
color: #ffffff;
1930+
transition: all 500ms;
1931+
}
1932+
1933+
.haldaranup-btn-1:hover{
1934+
background-color: rgb(255, 238, 0);
1935+
color: #000757;
1936+
}
1937+
1938+
/* haldaranup 1st button ends here */
1939+
/* Nitish-btn-2 start */
1940+
.Nitish-btn-2{
1941+
display: inline-block;
1942+
background-color: #7b38d8;
1943+
border-radius: 50px;
1944+
border: 4px solid #cccccc;
1945+
color: #eeeeee;
1946+
text-align: center;
1947+
font-size: 28px;
1948+
padding: 10px;
1949+
width: 150px;
1950+
cursor: pointer;
1951+
margin: 5px;
1952+
1953+
}
1954+
.Nitish-btn-2:hover{
1955+
border: 4px solid #ea972a;
1956+
background-color: #90d838;
1957+
color: #000000;
1958+
border-radius: 0%;
1959+
transition: all 0.5s;
1960+
}
1961+
/* Nitish-btn-2 end */
1962+
1963+
1964+
/* Shani button starts */
1965+
1966+
.button-Shani {
1967+
width: 60%;
1968+
height: 20%;
1969+
color: white;
1970+
background: transparent;
1971+
position: relative;
1972+
transition: ease-out 0.3s;
1973+
border: 1px solid #43fbf2;
1974+
border-radius: 3px;
1975+
font-size: 15px;
1976+
outline: none;
1977+
z-index: 1;
1978+
}
1979+
1980+
.button-Shani:hover {
1981+
font-size: large;
1982+
color: rgb(54, 20, 20);
1983+
font-weight: 300;
1984+
cursor: pointer;
1985+
}
1986+
1987+
.button-Shani::before {
1988+
transition: 0.3s all ease;
1989+
position: absolute;
1990+
top: 0;
1991+
bottom: 0;
1992+
right: 50%;
1993+
left: 50%;
1994+
content: "";
1995+
background-color: #43fbf2;
1996+
}
1997+
1998+
.button-Shani:hover::before {
1999+
transition: 0.4s all ease;
2000+
left: 0;
2001+
right: 0;
2002+
opacity: 1;
2003+
z-index: -1;
2004+
}
2005+
2006+
/* Sumit1 btn start */
2007+
.Sumit-btn-1{
2008+
background-color: #26d023;
2009+
border: 3px solid red;
2010+
width: 200px;
2011+
padding: 20px;
2012+
font-size: 30px;
2013+
}
2014+
.Sumit-btn-1:hover{
2015+
background-color: yellow;
2016+
transform: all 2s;
2017+
}
2018+
/* Sumit2 btn end */
2019+
2020+
/* Sumit-btn-2 start */
2021+
.Sumit-btn-2 {
2022+
border: 3px solid rgb(66, 16, 147);
2023+
width: 250px;
2024+
padding: 30px;
2025+
border-radius: 100%;
2026+
background-color: red;
2027+
font-size: 30px;
2028+
}
2029+
.Sumit-btn-2:hover{
2030+
background-color: gray;
2031+
}
2032+
/* Sumit-btn-2 end */
2033+
2034+
/* Sumit-btn-3 start */
2035+
.Sumit-btn-3 {
2036+
/* text-size-adjust: 20px; */
2037+
background-color: #00C0FF;
2038+
border: 3px solid rgb(80, 236, 29);
2039+
width: 170px;
2040+
padding: 20px;
2041+
border-radius: 70px;
2042+
font-size: 20px;
2043+
}
2044+
.Sumit-btn-3:hover{
2045+
background-color: white;
2046+
}
2047+
2048+
/* Sumit-btn-3 end */
2049+

0 commit comments

Comments
 (0)