samikoomee | 02
неус_бусинесс_cентер Пдп_аcадемй Трейдр📊 фронтенд #девелопер C++ ✅ Html✅ Css ✅ Bootstrape✅ Scss ✅ Js ✅ Ega : @samikoome
Mostrar más3 818
Suscriptores
-724 horas
-397 días
-97730 días
- Suscriptores
- Cobertura postal
- ER - ratio de compromiso
Carga de datos en curso...
Tasa de crecimiento de suscriptores
Carga de datos en curso...
Photo unavailableShow in Telegram
New Line() funksiyasi bilan ajoyib CSS yengillashtirishga yo'l
Menga doim yopishib qolgan bir iborani ifodalash uchun: "Eng yaxshi animatsiya - bu soyada qoladigan animatsiya". Internetdagi harakat dizaynidagi eng muhim tushunchalardan biri bu harakatni “to'g'ri his qilish”dir. Shu bilan birga, CSS foydalanuvchi uchun tabiiy va ko'zga tashlanmaydigan ko'rinadigan animatsiya va o'tishlarni yaratishda ancha cheklangan.
Yaxshiyamki, vaziyat o'zgarmoqda. Ushbu maqola CSS-da kiritilgan yangi animatsiya xususiyatlarini o'rganadi. Xususan, u hozirda muharrir loyihasida CSS Easing Level 2 spetsifikatsiyasida belgilangan animatsiya uchun yangi funktsiya - linear() ning o'ta kuchini namoyish etadi. Uning foydalanuvchi interfeysida tabiiy harakatga olib keladigan maxsus animatsiyalarni yaratish qobiliyati o'rganilmoqda.
➡️samikoomee
Путь к потрясающему CSS Easing с помощью новой функции linear()
Перефразируя поговорку, которая всегда была со мной: "Лучшая анимация - это та, которая остается в тени". Одна из самых важных концепций моушн дизайна в вебе - сделать так, чтобы моушн "чувствовался правильно". В то же время CSS был довольно ограничен в создании анимации и переходов, которые выглядят естественно и ненавязчиво для пользователя.
К счастью, ситуация меняется. В этой статье рассмотриваются новые возможности анимации, появившиеся в CSS. В частности, демонстрируются супер возможности linear() - новой функции для анимации, которая в настоящее время определена в спецификации CSS Easing Level 2 в редакции Editor's Draft. Изучается ее способность создавать кастомные анимации, которые приводят к естественному движению пользовательского интерфейса.
👍 10❤ 4🎉 4👏 3🔥 2
Yuqori darajadagi 1 chi dasturlash tilining nomi va nechanchi yilda kim tomonidan yaratilganligi ?Anonymous voting
- "Plankalkyul" 1946 - A Fyilda nemis olimi Konrad Zuse tomonidan yaratilgan.
- Python🐍dasturlash tili Guido van Rossum tomonidan 1980-yillar oxirida va 1990-yillarning boshlarida
- C++ 👩💻dasturlash tili Bjarne Stroustrup tomonidan yaratilgan.
- Java 👩💻dasturlash tili James Gosling va uning jamoasining a'zolari tomonidan yaratilgan.
- Ma’lumotim yo 🤷🏻
👍 7🎉 5🔥 2🥰 2❤ 1😁 1
Qiziqarli fakt: 18 yoshlarda miya oʻsishdan toʻxtaydi. Ammo kishining aqliy faoliyatiga mos ravishda butun hayoti davomida yangi neyronlar hosil qilishni davom ettiradi.
🔥 7🗿 6👍 4😁 3🥰 2👏 2🎉 2❤ 1
Photo unavailableShow in Telegram
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>PAYMENTS</title>
<link rel="stylesheet" href="style/style.css">
<style>
#myInput {
background-none-border: none;
}
.Btn {
width: 200px;
height: 40px;
display: flex;
align-items: center;
justify-content: flex-start;
border: none;
border-radius: 4px;
overflow: hidden;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.164);
cursor: pointer;
}
.text {
width: 65%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: white;
background-color: rgb(2, 153, 153);
}
.svgIcon {
width: 35%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: white;
background-color: teal;
}
.Btn:hover .text {
background-color: rgb(0, 133, 133);
}
.Btn:hover .svgIcon {
background-color: rgb(0, 105, 105);
}
</style>
</head>
<body>
<script>
function myFunction() {
var text = document.getElementById("text").innerText;
navigator.clipboard.writeText(text);
}
</script>
<p id="text">SimplePHP</p>
<button class="Btn" onclick="myFunction()">
<span class="text">Copy</span>
<span class="svgIcon">
<svg fill="white" viewBox="0 0 384 512" height="1em" xmlns="http://www.w3.org/2000/svg"><path d="M280 64h40c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128C0 92.7 28.7 64 64 64h40 9.6C121 27.5 153.3 0 192 0s71 27.5 78.4 64H280zM64 112c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320c8.8 0 16-7.2 16-16V128c0-8.8-7.2-16-16-16H304v24c0 13.3-10.7 24-24 24H192 104c-13.3 0-24-10.7-24-24V112H64zm128-8a24 24 0 1 0 0-48 24 24 0 1 0 0 48z"></path></svg>
</span>
</button>
</body>
</html>
👍 3🤝 3❤ 2🔥 1
Photo unavailableShow in Telegram
But don't let the passion of your emotions lead you to sin! Don't let anger control you or be fuel for revenge, not for even a day. Don't give the slanderous accuser, the Devil, an opportunity to manipulate you!
⚡ 11🔥 9👍 7💋 6❤ 5😁 5🕊 5👏 4🤡 3💯 3🎉 2
Assalomu alaykum barchaga manashuu ссылка dagi kanalga obuna bosib qoyseyzila hursand bo'lar edim obuna boskanlarga katta kon raxmat qizqarli malumotlar har kun berib borladi😊 https://t.me/Korea_with_Marjona
MR| Marjona's blog🇰🇷
❤️🛩 Consulting bo'yicha bepul konsultatsiyalar, kanal egasi o'zi ham Discovery consulting da ishlaydi💙 ✔️Korea Universities ✔️Full Grand dasturlar ✔️Discovery Consulting ✔️Korean culture
👍 3🔥 2👌 2❤ 1🎉 1💔 1
Premyumli o’yin yana tashkilashtiraylik mi ? Full reaksiya qoldiramiz💙
👍 16🗿 11❤ 6🔥 5👌 4⚡ 3👾 2😭 1🫡 1🙊 1😎 1
Top 1 - 50 Rubl
Top 2 - 30 Rubl
Top 3 - 20 Rubl
Shartlar mavjud emas
Qarasam hamma hayitga pul olyapti 😄
Mayli biz kam bolsa ham jami 100 rublni 3 omadli obunachimizga beramiz😅
🔥 8👍 6❤ 6🤝 4👀 2🫡 2
☑️ Qatnashish (0)
.panel ul:before {
content: "";
position: absolute;
border: 2vmin solid #fff0;
border-bottom-color: var(--off);
left: calc(50% - 2vmin);
top: calc(0vmin + 2px);
transition: all 0.5s ease 0s;
}
#btn:checked + label + .panel {
max-height: 32.5vmin;
max-width: 35vmin;
margin-top: 10vmin;
}
#btn:checked + label + .panel ul:before {
top: calc(-2vmin + 2px);
}
.panel ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
background: var(--off);
border-radius: 0.5vmin;
}
.panel ul li {
width: 100%;
height: 8vmin;
border-bottom: 1px solid var(--dark);
}
.panel ul li:last-child {
border-bottom: 0;
}
.panel ul li:before {
content: ".";
width: 25%;
height: 100%;
float: left;
content: "\2022";
font-size: 10vmin;
line-height: 8vmin;
text-align: center;
color: var(--dark);
}
.panel ul li:after {
content: "";
width: 65%;
height: 1.25vmin;
float: left;
text-align: center;
background: var(--dark);
border-radius: 1vmin;
margin-top: 3.35vmin;
}
.panel ul li:nth-child(1):before {
color: var(--dark);
}
#btn:checked + label + .panel ul li:nth-child(1):before {
color: #fff;
}
.panel ul li:nth-child(1):after {
background: var(--dark);
width: 55%
}
#btn:checked + label + .panel ul li:nth-child(1):after {
background: #fff;
}
.panel ul li:nth-child(3):after {
width: 45%
}
.panel ul li:nth-child(4):after {
width: 60%
}👍 3⚡ 3