Зареждане на страница й "замазване" на текст/бутон

Post Reply
User avatar
Ticketa
Турист
Турист
Posts: 393
Joined: Mon Feb 27, 2012 1:54 pm
Answers: 23
Location: in /root
Contact:

Зареждане на страница й "замазване" на текст/бутон

Post by Ticketa » Sun Mar 31, 2019 9:16 am

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


Прилагам снимка
Image

joTunkiq
Потребител
Потребител
Posts: 825
Joined: Tue Dec 25, 2012 10:03 am
Answers: 142
Contact:

Post by joTunkiq » Sun Mar 31, 2019 6:40 pm


User avatar
teroristd
Много Редовен
Много Редовен
Posts: 1769
Joined: Thu Feb 18, 2010 11:50 am
Answers: 83

Post by teroristd » Sun Mar 31, 2019 7:41 pm

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

Code: Select all

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

User avatar
anonimen
Web-tourist
Web-tourist
Posts: 1534
Joined: Mon Jun 11, 2012 6:07 pm
Answers: 163
Location: Parse error: unexpected "}" in /home/index.php on line 26

Post by anonimen » Mon Apr 01, 2019 9:15 am

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

Code: Select all

filter: blur(8px);
  -webkit-filter: blur(8px);
Ама това блурва вече заредено съдържание. Мисля, че идеята на Тикета е това да се показва още докато се зарежда съдържанието, както например става във FB.

User avatar
teroristd
Много Редовен
Много Редовен
Posts: 1769
Joined: Thu Feb 18, 2010 11:50 am
Answers: 83

Post by teroristd » Mon Apr 01, 2019 9:50 am

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

Code: Select all

filter: blur(8px);
  -webkit-filter: blur(8px);
Ама това блурва вече заредено съдържание. Мисля, че идеята на Тикета е това да се показва още докато се зарежда съдържанието, както например става във FB.
Ако е така може би един onload event, в комбинация с цсс-а ще даде желания резултат.

User avatar
anonimen
Web-tourist
Web-tourist
Posts: 1534
Joined: Mon Jun 11, 2012 6:07 pm
Answers: 163
Location: Parse error: unexpected "}" in /home/index.php on line 26

Post by anonimen » Mon Apr 01, 2019 11:02 am

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

User avatar
Ticketa
Турист
Турист
Posts: 393
Joined: Mon Feb 27, 2012 1:54 pm
Answers: 23
Location: in /root
Contact:

Post by Ticketa » Sun Apr 07, 2019 12:11 pm

@ anonimen правилно си ме разбрал , точно това ме интересуваше както е в туйтър, фейсбук, шопифай и т.н.
Тези ефекти според мен ще са по-полезни по местата, където се случва отложено зареждане (с ajax, примерно).
Съгласен.

@joTunkiq, получаваш възнаграждение за ползотворната помощ +1

Post Reply