HOW TO FORCE BROWSERS TO RELOAD CSS JS

[{"selector":"#anim-ab8465af-9c56-4569-a7ec-13da10dee1a2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2b9e1b9f-bb66-4086-98eb-b3f1a5202ef0","keyframes":{"transform":["translate3d(0px, 137.74339%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-210d1b1f-e0d4-4a5e-8485-e850834bf098","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-70997f7d-4de6-4e53-9afd-557da8d4baf8","keyframes":{"transform":["translate3d(0px, -1326.34923%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9f04ba3c-042d-4a2b-b0df-0d2c9584f588","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6beaec9e-22ab-4d93-b1ba-e485a6269e14","keyframes":{"transform":["translate3d(0px, 294.07400%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] HTML JS (quick guide & examples)

FORCE BROWSER RELOAD

[{"selector":"#anim-227f451a-a1d8-4d5f-8f92-9a217c02bc51","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2b6abb2a-9534-4476-b9e3-3867363a6770","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-935ad427-f4b9-40e4-8828-8c37bacd7d25","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bc60bf13-1faf-41ff-a98b-80ab3bc8969a","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5d33dd95-2209-4534-8d05-e0a638035f51","keyframes":{"opacity":[0,1]},"delay":300,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6773090c-7ce5-4c3c-bf46-60fe453e8512","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ea2c821b-880a-44cb-9291-5f608656e6e0","keyframes":{"opacity":[0,1]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a4cd50d3-a3ac-4c2c-ab6d-5b88e5d70d6f","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Press and hold CONTROL ( COMMAND in Mac), then click on the reload button. Shortcut key - CONTROL-F5 or CONTROL-SHIFT-R Keys will differ from browser to browser. Check with your browser's help document. F12 to open developer's console. Application > Storage > Clear site data.

PROGRAMMATIC RELOAD (A)

[{"selector":"#anim-dc7ee63f-b8b1-4d67-923d-b16c09c33212","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3b880bd2-2340-4699-8db4-e3977ab206d0","keyframes":{"transform":["translate3d(117.09678%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-94a8e982-69fe-47f4-9887-3dfad8b0ea6c","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0056c4f5-f3a5-4ce4-a377-7237fa6ab5e1","keyframes":{"transform":["translate3d(115.33547%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b2649086-9ac5-45fb-8e1e-8761c2cc42c3","keyframes":{"opacity":[0,1]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e16d51ad-5df9-4920-90d3-a643b8769f2f","keyframes":{"transform":["translate3d(116.88312%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] SIMPLY CHANGE FILE NAME  <script src= "FOO-V2.JS "> OUTPUT CACHE-CONTROL HEADER. PHP EXAMPLE: header("Cache-Control: no-cache, must-revalidate"); APPEND DUMMY TIMESTAMP <script src="FOO.JS? t=123 ">

PROGRAMMATIC RELOAD (B)

[{"selector":"#anim-d65f4c47-5e4e-4596-bf51-abcd04e22019","keyframes":{"transform":["rotate(-540deg) scale(0.1)","none"],"opacity":[0,1]},"delay":0,"duration":500,"fill":"both","iterations":1}] APACHE EXPIRES HEADER <IfModule mod_expires.c> ExpiresActive on ExpiresByType text/css "access" ExpiresByType text/js "access" ExpiresByType text/javascript "access" </IfModule>

VISIT & FOLLOW

[{"selector":"#anim-a68875cf-ef51-4e46-83e7-9748918fb573","keyframes":{"opacity":[0,1]},"delay":2000,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ef9cd13d-cb96-4d04-874d-dddc7a6b75c7","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f23400a5-b2bf-44fd-af65-72c32697f9a6","keyframes":{"transform":["translate3d(-128.43511%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e496d336-9b33-4cf0-96ea-16aa5aa65a55","keyframes":{"opacity":[0,1]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6daf7d28-3119-449f-a00f-390faf22a9ec","keyframes":{"transform":["translate3d(-151.73267%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7b88192a-36d2-4148-839a-0e9bef910e48","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fe4b8c89-18a2-47a8-ae10-1b994942feda","keyframes":{"transform":["translate3d(-151.23154%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-581da0c2-be12-49c4-b7f0-544adb31c213","keyframes":{"opacity":[0,1]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9d2027b8-d389-4ce0-a5c5-0e4465320981","keyframes":{"transform":["translate3d(-170.88234%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2a23da7f-6183-4dec-a475-5658a25d0d0c [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-4.249001618125643%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

HOW TO FORCE BROWSERS TO RELOAD CSS JS

FORCE BROWSER RELOAD

01

PROGRAMMATIC RELOAD (A)

02

PROGRAMMATIC RELOAD (B)

03

VISIT & FOLLOW

CODE BOXX YOUTUBE

CODE BOXX PINTEREST

FULL TUTORIAL