- Зареждане на страница й "замазване" на текст/бутони
WT форуми -> HTML / Javascript / CSS -> Зареждане на страница й "замазване" на текст/бутони
Създайте нова тема Напишете отговор 
Автор Съобщение
Ticketa
Турист
Турист

Регистриран на: 27/02/2012 3:54 pm

Support: 23
Bonus: 46
Мнения: 326
Мнение 31/03/2019 11:16 am     Зареждане на страница й "замазване" на текст/бутон Отговорете с цитат


Привет, направи ми впечатление че при зареждане на Shopify в админ.частта бутоните й текстовете излизат като "замазани" този ефект ми харесва , но не намирам как е постигнато - виждал съм го й в други платформи й ми се струва че е JS+CSS


Прилагам снимка
Зареждане на страница й "замаз
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
joTunkiq
Активен
Активен

Регистриран на: 25/12/2012 12:03 pm

Support: 142
Bonus: 284
Мнения: 824
Мнение 31/03/2019 8:40 pm      Отговорете с цитат


https://cloudcannon.com/deconstructions/2014/11/15/facebook-content-placeholder-deconstruction.html Question
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
teroristd
Редовен
Редовен

Регистриран на: 18/02/2010 1:50 pm

Support: 83
Bonus: 178
Мнения: 1768
Мнение 31/03/2019 9:41 pm      Отговорете с цитат


Ако те разбирам правилно, това можеш да го постигнеш и само с css.

filter: blur(8px);
  -webkit-filter: blur(8px);
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
anonimen
Активен
Активен

Регистриран на: 11/06/2012 8:07 pm

Support: 161
Bonus: 321
Мнения: 1508
Мнение 01/04/2019 11:15 am      Отговорете с цитат


teroristd написа:
Ако те разбирам правилно, това можеш да го постигнеш и само с css.

filter: blur(8px);
  -webkit-filter: blur(8px);

Ама това блурва вече заредено съдържание. Мисля, че идеята на Тикета е това да се показва още докато се зарежда съдържанието, както например става във FB.
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
teroristd
Редовен
Редовен

Регистриран на: 18/02/2010 1:50 pm

Support: 83
Bonus: 178
Мнения: 1768
Мнение 01/04/2019 11:50 am      Отговорете с цитат


anonimen написа:
teroristd написа:
Ако те разбирам правилно, това можеш да го постигнеш и само с css.

filter: blur(8px);
  -webkit-filter: blur(8px);

Ама това блурва вече заредено съдържание. Мисля, че идеята на Тикета е това да се показва още докато се зарежда съдържанието, както например става във FB.


Ако е така може би един onload event, в комбинация с цсс-а ще даде желания резултат.
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
anonimen
Активен
Активен

Регистриран на: 11/06/2012 8:07 pm

Support: 161
Bonus: 321
Мнения: 1508
Мнение 01/04/2019 1:02 pm      Отговорете с цитат


Тези ефекти според мен ще са по-полезни по местата, където се случва отложено зареждане (с ajax, примерно). За 'готови' елементи от UIто като бутони и текстове от ядрото на страницата не виждам смисъл да се прави това - защото те вече са пристигнали на страницата и могат да се покажат веднага.
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
Ticketa
Турист
Турист

Регистриран на: 27/02/2012 3:54 pm

Support: 23
Bonus: 46
Мнения: 326
Мнение 07/04/2019 2:11 pm      Отговорете с цитат


@ anonimen правилно си ме разбрал , точно това ме интересуваше както е в туйтър, фейсбук, шопифай и т.н.

Цитат:
Тези ефекти според мен ще са по-полезни по местата, където се случва отложено зареждане (с ajax, примерно).


Съгласен.

@joTunkiq, получаваш възнаграждение за ползотворната помощ +1
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
Покажи мнения от преди:    
Създайте нова тема   Напишете отговор    web-tourist.net Форуми -> HTML / Javascript / CSS Часовете са според зоната GMT + 2 Часа
Страница 1 от 1


 
Идете на:  
Не Можете да пускате нови теми
Не Можете да отговаряте на темите
Не Можете да променяте съобщенията си
Не Можете да изтривате съобщенията си
Не Можете да гласувате в анкети