Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 August 14

NM

Neo Makela in HTML/CSS — русскоговорящее сообщество
Удачи
источник

В

Вячеслав in HTML/CSS — русскоговорящее сообщество
Neo Makela
Удачи
так я серьезно спрашиваю(потому что не знаю, очевидно)
зачем стили сейчас, если я спрашиваю из-за чего шакалится пикча, если она в той же фигме хорошего качества
источник

D

Den in HTML/CSS — русскоговорящее сообщество
Bogdan Bida
Его ток 5го августа анонсировали, и влияет оно только на рендер элементов на экране, а не добавления в dom как spa фреймворки, так что на сео думаю не должно влиять
Чума🔥
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
Тимофей Косман
background-image: url("windows.jpeg");
width: 100px;
height: 100px;
border-radius: 50%;
margin: auto;
transition: 0.3s;
background-position: center;

Есть идеи как от дрожания избавиться? В хроме меньше дёргает, в сафари сильней
что ты именно анимируешь?
источник

ТК

Тимофей Косман... in HTML/CSS — русскоговорящее сообщество
Kenan Ayvazov
что ты именно анимируешь?
<style>
 body{
  display: grid;
  width: 100vw;
  height: 100vh;
 }
 .window{
 justify-self: center;
 align-self: center;
 background-image: url("windows.jpeg");
 width: 100px;
 height: 100px;
 border-radius: 50%;
 margin: auto;
 transition: 0.3s;
 background-position: center;
 }
 .window:hover{
  width: 150px;
  height: 150px;
 }
</style>
</head>
<body>
<div class = "window"></div>
</body>
</html>
источник

ТК

Тимофей Косман... in HTML/CSS — русскоговорящее сообщество
полный код
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
Тимофей Косман
<style>
 body{
  display: grid;
  width: 100vw;
  height: 100vh;
 }
 .window{
 justify-self: center;
 align-self: center;
 background-image: url("windows.jpeg");
 width: 100px;
 height: 100px;
 border-radius: 50%;
 margin: auto;
 transition: 0.3s;
 background-position: center;
 }
 .window:hover{
  width: 150px;
  height: 150px;
 }
</style>
</head>
<body>
<div class = "window"></div>
</body>
</html>
использовать transform: scale()
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
Тимофей Косман
<style>
 body{
  display: grid;
  width: 100vw;
  height: 100vh;
 }
 .window{
 justify-self: center;
 align-self: center;
 background-image: url("windows.jpeg");
 width: 100px;
 height: 100px;
 border-radius: 50%;
 margin: auto;
 transition: 0.3s;
 background-position: center;
 }
 .window:hover{
  width: 150px;
  height: 150px;
 }
</style>
</head>
<body>
<div class = "window"></div>
</body>
</html>
сейчас бы анимировать width/height
источник

ТК

Тимофей Косман... in HTML/CSS — русскоговорящее сообщество
Bogdan Saliuk
использовать transform: scale()
Тогда фон увеличится
источник

ТК

Тимофей Косман... in HTML/CSS — русскоговорящее сообщество
Kenan Ayvazov
сейчас бы анимировать width/height
Подскажите, как сделать так, чтобы не дёргалось. Я готов анимировать всё что угодно!
источник

A

Azizbek S. in HTML/CSS — русскоговорящее сообщество
Тимофей Косман
Подскажите, как сделать так, чтобы не дёргалось. Я готов анимировать всё что угодно!
animation-fill-mode: backwards;?
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
Тимофей Косман
Подскажите, как сделать так, чтобы не дёргалось. Я готов анимировать всё что угодно!
а потом за вами прибирать....
источник

ТК

Тимофей Косман... in HTML/CSS — русскоговорящее сообщество
Azizbek S.
animation-fill-mode: backwards;?
переделал на изменение через @keyframes и всё равно дёргает
источник

N

Nick in HTML/CSS — русскоговорящее сообщество
есть кто может ща поработать оплачиваемо ?
источник

M

Mansur in HTML/CSS — русскоговорящее сообщество
da
источник

NN

No Name in HTML/CSS — русскоговорящее сообщество
Nick
есть кто может ща поработать оплачиваемо ?
Отписал в лс
источник

v

vladyslavhimself in HTML/CSS — русскоговорящее сообщество
как заставить функцию подождать, пока выполнятся все цепочки промиса?
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Promise.all

@js_noobs_ru
источник
2020 August 15

А

Антон in HTML/CSS — русскоговорящее сообщество
Там только один промис
источник

А

Антон in HTML/CSS — русскоговорящее сообщество
Просто .then зачейни
источник