Ttdfjt

Wifi dongle speed is slower than advertised

Unusual mail headers, evidence of an attempted attack. Have I been pwned?

What is the origin of Scooby-Doo's name?

Has there been any indication at all that further negotiation between the UK and EU is possible?

Is it illegal to withhold someone's passport and green card in California?

Hot coffee brewing solutions for deep woods camping

How is hair tissue mineral analysis performed?

Can any NP-Complete Problem be solved using at most polynomial space (but while using exponential time?)

Why do some professors with PhDs leave their professorships to teach high school?

How do I set an alias to a terminal line?

Does Marvel have an equivalent of the Green Lantern?

Find the probability that the 8th woman to appear is in 17th position.

Is this one of the engines from the 9/11 aircraft?

What is this tool/thing in an Aztec painting?

Trainee keeps missing deadlines for independent learning

Would it be a copyright violation if I made a character’s full name refer to a song?

Why did pressing the joystick button spit out keypresses?

Why change the size when print a object

Sci fi short story, robot city that nags people about health

Interaction between Leyline of Anticipation and Teferi, Time Raveler

Proving a certain type of topology is discrete without the axiom of choice

What does "play with your toy’s toys" mean?

Why aren't cotton tents more popular?

What are the penalties for overstaying in USA?

Preloader gif have white pixels on edges [closed]

Created node doesn't have attachEvent propertyIn magento 2.3 I'm not able to remove white space around gallery image on product detail pageIn magento 2.3 I have changed the themeI have added js using require js but it is not attachedHow to remove white space product image on product detail page magento 2.3?upgrade to Magento2.3.1 with porto theme version 3.7.1 showing white screen“PasswordHash” does not have accessor method “getPasswordHash” in class “MagentoCustomerApiDataCustomerInterface”Can Virtual Products Have Swatches?Magento 2.3 - GIF Images , Animation is not working on frontend 2Product image zoom issue on product details page when drop-down menu have overlap area with it MAGENTO 2.3

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

2

When I insert GIF into pre-loader - there are white pixels on edges.

 <img src="<?php echo $block->getViewFileUrl('images/CustomLoader-1.gif')?>" alt="<?php /* @escapeNotVerified */
 echo __('Loading...');?>" style="width: 100px; height: 100px;">

Preloader downloaded from loading.io

magento2.3

share|improve this question

edited Jun 14 at 12:01

Aasim Goriya

3,23711 gold badge1111 silver badges4343 bronze badges

asked Jun 14 at 11:06

Ashen OneAshen One

7688 bronze badges

closed as too broad by Aasim Goriya, Jai, Dhiren Vasoya, Sukumar Gorai, Mohit Kumar Arora Jun 14 at 13:39

Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.

add a comment | 

2

When I insert GIF into pre-loader - there are white pixels on edges.

 <img src="<?php echo $block->getViewFileUrl('images/CustomLoader-1.gif')?>" alt="<?php /* @escapeNotVerified */
 echo __('Loading...');?>" style="width: 100px; height: 100px;">

Preloader downloaded from loading.io

magento2.3

share|improve this question

edited Jun 14 at 12:01

Aasim Goriya

3,23711 gold badge1111 silver badges4343 bronze badges

asked Jun 14 at 11:06

Ashen OneAshen One

7688 bronze badges

closed as too broad by Aasim Goriya, Jai, Dhiren Vasoya, Sukumar Gorai, Mohit Kumar Arora Jun 14 at 13:39

Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.

add a comment | 

When I insert GIF into pre-loader - there are white pixels on edges.

 <img src="<?php echo $block->getViewFileUrl('images/CustomLoader-1.gif')?>" alt="<?php /* @escapeNotVerified */
 echo __('Loading...');?>" style="width: 100px; height: 100px;">

Preloader downloaded from loading.io

magento2.3

share|improve this question

edited Jun 14 at 12:01

Aasim Goriya

3,23711 gold badge1111 silver badges4343 bronze badges

asked Jun 14 at 11:06

Ashen OneAshen One

7688 bronze badges

 <img src="<?php echo $block->getViewFileUrl('images/CustomLoader-1.gif')?>" alt="<?php /* @escapeNotVerified */
 echo __('Loading...');?>" style="width: 100px; height: 100px;">

share|improve this question

edited Jun 14 at 12:01

Aasim Goriya

3,23711 gold badge1111 silver badges4343 bronze badges

asked Jun 14 at 11:06

Ashen OneAshen One

7688 bronze badges

share|improve this question

edited Jun 14 at 12:01

Aasim Goriya

3,23711 gold badge1111 silver badges4343 bronze badges

asked Jun 14 at 11:06

Ashen OneAshen One

7688 bronze badges

edited Jun 14 at 12:01

Aasim Goriya

3,23711 gold badge1111 silver badges4343 bronze badges

edited Jun 14 at 12:01

Aasim Goriya

3,23711 gold badge1111 silver badges4343 bronze badges

asked Jun 14 at 11:06

Ashen OneAshen One

7688 bronze badges

asked Jun 14 at 11:06

Ashen OneAshen One

7688 bronze badges

1 Answer
1

active

oldest

votes

0

I just use css preloader:

<div class="loader-overlay">
 <div class="lds-dual-ring"></div>
</div>

CSS:

.loader:before 
 content: '';
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 background-color: rgba(255,255,255,0.5);
 z-index: 101;

.lds-dual-ring 
 display: inline-block;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 z-index: 102;

.lds-dual-ring:after 
 content: " ";
 display: block;
 width: 46px;
 height: 46px;
 margin: 1px;
 border-radius: 50%;
 border: 5px solid #000;
 border-color: #d3011b transparent #004396 transparent;
 animation: lds-dual-ring 1.2s linear infinite;
 z-index: 10;

@keyframes lds-dual-ring 
 0% 
 transform: rotate(0deg);
 
 100% 
 transform: rotate(360deg);
 

share|improve this answer

answered Jun 14 at 12:30

Ashen OneAshen One

7688 bronze badges

add a comment | 

0

I just use css preloader:

<div class="loader-overlay">
 <div class="lds-dual-ring"></div>
</div>

CSS:

.loader:before 
 content: '';
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 background-color: rgba(255,255,255,0.5);
 z-index: 101;

.lds-dual-ring 
 display: inline-block;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 z-index: 102;

.lds-dual-ring:after 
 content: " ";
 display: block;
 width: 46px;
 height: 46px;
 margin: 1px;
 border-radius: 50%;
 border: 5px solid #000;
 border-color: #d3011b transparent #004396 transparent;
 animation: lds-dual-ring 1.2s linear infinite;
 z-index: 10;

@keyframes lds-dual-ring 
 0% 
 transform: rotate(0deg);
 
 100% 
 transform: rotate(360deg);
 

share|improve this answer

answered Jun 14 at 12:30

Ashen OneAshen One

7688 bronze badges

add a comment | 

0

I just use css preloader:

<div class="loader-overlay">
 <div class="lds-dual-ring"></div>
</div>

CSS:

.loader:before 
 content: '';
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 background-color: rgba(255,255,255,0.5);
 z-index: 101;

.lds-dual-ring 
 display: inline-block;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 z-index: 102;

.lds-dual-ring:after 
 content: " ";
 display: block;
 width: 46px;
 height: 46px;
 margin: 1px;
 border-radius: 50%;
 border: 5px solid #000;
 border-color: #d3011b transparent #004396 transparent;
 animation: lds-dual-ring 1.2s linear infinite;
 z-index: 10;

@keyframes lds-dual-ring 
 0% 
 transform: rotate(0deg);
 
 100% 
 transform: rotate(360deg);
 

share|improve this answer

answered Jun 14 at 12:30

Ashen OneAshen One

7688 bronze badges

add a comment | 

I just use css preloader:

<div class="loader-overlay">
 <div class="lds-dual-ring"></div>
</div>

CSS:

.loader:before 
 content: '';
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 background-color: rgba(255,255,255,0.5);
 z-index: 101;

.lds-dual-ring 
 display: inline-block;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 z-index: 102;

.lds-dual-ring:after 
 content: " ";
 display: block;
 width: 46px;
 height: 46px;
 margin: 1px;
 border-radius: 50%;
 border: 5px solid #000;
 border-color: #d3011b transparent #004396 transparent;
 animation: lds-dual-ring 1.2s linear infinite;
 z-index: 10;

@keyframes lds-dual-ring 
 0% 
 transform: rotate(0deg);
 
 100% 
 transform: rotate(360deg);
 

share|improve this answer

answered Jun 14 at 12:30

Ashen OneAshen One

7688 bronze badges

<div class="loader-overlay">
 <div class="lds-dual-ring"></div>
</div>

.loader:before 
 content: '';
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 background-color: rgba(255,255,255,0.5);
 z-index: 101;

.lds-dual-ring 
 display: inline-block;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 z-index: 102;

.lds-dual-ring:after 
 content: " ";
 display: block;
 width: 46px;
 height: 46px;
 margin: 1px;
 border-radius: 50%;
 border: 5px solid #000;
 border-color: #d3011b transparent #004396 transparent;
 animation: lds-dual-ring 1.2s linear infinite;
 z-index: 10;

@keyframes lds-dual-ring 
 0% 
 transform: rotate(0deg);
 
 100% 
 transform: rotate(360deg);
 

share|improve this answer

answered Jun 14 at 12:30

Ashen OneAshen One

7688 bronze badges

answered Jun 14 at 12:30

Ashen OneAshen One

7688 bronze badges

answered Jun 14 at 12:30

Ashen OneAshen One

7688 bronze badges