{"id":3688,"date":"2023-12-03T09:11:31","date_gmt":"2023-12-03T02:11:31","guid":{"rendered":"https:\/\/dev.artru.net\/?p=3688"},"modified":"2023-12-03T09:26:49","modified_gmt":"2023-12-03T02:26:49","slug":"sua-loi-nhap-nhay-truoc-khi-chay-animation-o-man-hinh-dau-tien-trong-bricks","status":"publish","type":"post","link":"https:\/\/artru.net\/en\/sua-loi-nhap-nhay-truoc-khi-chay-animation-o-man-hinh-dau-tien-trong-bricks\/","title":{"rendered":"Fixed flickering before the first screen animation in Bricks"},"content":{"rendered":"<p>In version 1.9.3 this error has not been fixed yet. Usually you will only notice this error when any element at the top of the page is assigned Animation. There will be a phenomenon where elements will appear for a few milliseconds before the animation is executed.<\/p>\n\n\n\n<p>The cause is the file <code data-no-translation=\"\" data-no-auto-translation=\"\">animate.min.css<\/code> load in footer. Oxygen Builder uses AOS which is another animation library and they have the option to load at the top of the page.<\/p>\n\n\n\n<p>The temporary fix in Bricks is to load the animation file in the head.<\/p>\n\n\n\n<p>Insert this code into the function.php file in your childtheme or other custom code plugin:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code data-no-translation=\"\" data-no-auto-translation=\"\">\/** LOAD ANIMATION BRICKS IN THE HEAD *\/\nfunction enqueue_bricks_animate_head(){\n\twp_enqueue_style( 'bricks-animate' );\n}\nadd_action('wp_enqueue_scripts', 'enqueue_bricks_animate_head');<\/code><\/pre>","protected":false},"excerpt":{"rendered":"<p>\u1ede phi\u00ean b\u1ea3n 1.9.3 l\u1ed7i n\u00e0y v\u1eabn ch\u01b0a \u0111\u01b0\u1ee3c s\u1eeda. Th\u01b0\u1eddng th\u00ec l\u1ed7i n\u00e0y b\u1ea1n s\u1ebd ch\u1ec9 nh\u1eadn ra khi c\u00f3 ph\u1ea7n t\u1eed n\u00e0o \u1edf \u0111\u1ea7u trang \u0111\u01b0\u1ee3c g\u00e1n Animation. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[121],"tags":[],"class_list":["post-3688","post","type-post","status-publish","format-standard","hentry","category-bricks-builder"],"_links":{"self":[{"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/posts\/3688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/comments?post=3688"}],"version-history":[{"count":0,"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/posts\/3688\/revisions"}],"wp:attachment":[{"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/media?parent=3688"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/categories?post=3688"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/tags?post=3688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}