TGViewer
основы веб дизайна основы веб дизайна @webdesignbasics · 4.07K subscribers
Post #2918 1.28K
основы веб дизайна #insprrrrr https://studiolowrie.com/ 2/5 давно умирающий послайдовый формат, но ничего не могу с собой поделать, нравятся эти гигастрелки. и эбаут симпатичный с такими свадебными заголовками. еще забавно, что текст при скролле обтекает название
про обтекание это

сделано оно самым базовым свойством css float. единственная проблема что свойство это работает только с элементами в общем потоке контента (друг за другом, сверху вниз), то есть в position: static. а если элемент в статике, то его нельзя просто закрепить в шапке при скролле. для этого используют position: sticky, что вырывает содержимое из общего потока и обтекание не будет с ним работать, так как просто не будет видеть, что там что-то есть

поэтому тут сделали скрипт, который при скролле постоянно высчитывает отступ сверху от начала страницы (на видео расчеты краснеют при скролле). но этот скрипт не очень плавный. поэтому сами слова названия находятся все таки в position: sticky, но под ними невидимые блоки с float (left и right) для который и высчитывается скриптом отступ и именно их обтекает текст

вот так вот. не уверен, что все из вас поняли. но это я больше для себя
  • ❤‍🔥 23
  • ❤ 2
More from @webdesignbasics
  1. Sep 23, 2026#insprrrrr #prtfffff https://www.sabinereuter.de/ бесит как хорошо. больше всего нравится…
  2. Sep 10, 2026#insprrrrr #prtfffff https://www.shadrinsky.com/ это очень хорошо
  3. Aug 26, 2026#insprrrrr #prtfffff https://meretkern.de/ ого вау. не часто сайты художников отличаются о…
  4. Aug 20, 2026#insprrrrr https://atamacias.com/ а тут вообще всё супер. рандомно разбросанные плей. танц…
  5. Aug 20, 2026#insprrrrr https://oddworks.studio/ приятно. нравится как блок с лого скомпонован
  6. Aug 18, 2026смеш. учителя в школах и вузах сейчас, будучи самыми конформными и сервильными представите…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →