APA ITU CSS?

CSS adalah

[{"selector":"#anim-f0358a36-6061-42ed-8874-ccc8b0426744","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-56c4d109-7fe3-425f-8a04-e7b71656db22","keyframes":{"transform":["translate3d(-127.07423%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-58c7a4a0-2c88-441f-bc1b-689d454c347a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-10c9ed80-3242-4195-aeaa-de097f04ee38","keyframes":{"transform":["translate3d(120.68966%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Selengkapnya

Fungsi CSS

[{"selector":"#anim-54cba05f-8994-4a62-acb3-1b17cc98d0cd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e964f4b4-a00c-4347-b621-15e3103ac987","keyframes":{"transform":["translate3d(0px, -644.0739%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c6491a64-d293-425a-abef-13f8c0c1a046","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-337a856d-ad21-4040-b0b1-4b14ac77dba9","keyframes":{"transform":["translate3d(0px, 432.92935%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Selengkapnya

Internal CSS

[{"selector":"#anim-b9483f36-c84b-4bf3-b2fa-aed00cb5d42b","keyframes":{"transform":["translate3d(-123.17073%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c1b4c345-2efb-4756-ad3e-2225110f03c7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0f16cba2-3ca9-4435-9ead-90d7c2c825f6","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-8ecdf191-9bbf-4621-9bac-4f6eb4fbcc8e","keyframes":{"transform":["translate3d(119.19192%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-89894e8f-ce01-46bf-9311-0d4f0fcd6409","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9b229900-f9ff-4163-bda8-f11f98cf5b55","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Selengkapnya

External CSS

[{"selector":"#anim-606040fd-087c-4f68-8613-18abc09789ce","keyframes":[{"transform":"rotate(-540deg) scale(0.1)","opacity":0},{"transform":"none","opacity":1}],"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both","iterations":1}] [{"selector":"#anim-f2cb6682-d762-485b-b5d0-a51d17c7c1e9","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Selengkapnya

Inline CSS

[{"selector":"#anim-9acf022a-1d4a-4b81-bf46-c3f900445adf","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e09282d9-92de-4c0f-ae70-6c7232d36c8a","keyframes":{"transform":["translate3d(143.90243%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4dde1cd2-82b5-45d3-89a0-f2793b69d1ea","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5d2aee4b-a19e-4721-8e1e-fa47bfbf772b","keyframes":{"transform":["translate3d(-119.52862%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Selengkapnya

Pengen Punya Website yang Menarik dan Loading Cepat?

[{"selector":"#anim-81c7e970-bf5c-4723-9b10-77651e14e77a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0c7a5f58-238d-4e8f-a1b9-f90533936aea","keyframes":[{"offset":0,"transform":"translate3d(0, -1350.79479%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.289999999999999980015985556747182272374629974365234375,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.450000000000000011102230246251565404236316680908203125,"transform":"translate3d(0, -379.843494948%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.60999999999999998667732370449812151491641998291015625,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.70999999999999996447286321199499070644378662109375,"transform":"translate3d(0, -129.135981924%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8000000000000000444089209850062616169452667236328125,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.84999999999999997779553950749686919152736663818359375,"transform":"translate3d(0, -48.493532961%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92000000000000003996802888650563545525074005126953125,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.95999999999999996447286321199499070644378662109375,"transform":"translate3d(0, -21.072398724%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":0,"duration":1600,"fill":"both"}] Selengkapnya

APA ITU CSS?

Kenali Perbedaan Internal CSS, External CSS, dan Inline CSS disini!

CSS adalah

singkatan dari cascading style sheets, yaitu bahasa pemrograman untuk menentukan tampilan format halaman website.

Fungsi CSS

1. Mempercepat loading web 2. Memudahkan kelola kode 3. Memiliki tampilan variatif 4. Tampilan website responsif

Internal CSS

Internal CSS adalah kode CSS yang ditulis dalam tag <style> dan kode HTML yang ditulis di bagian header file HTML.

External CSS

External CSS adalah kode CSS yang ditulis terpisah dari kode HTML. External CSS ditulis di sebuah file khusus menggunakan ekstensi css.

Inline CSS

Inline CSS adalah kode CSS yang ditulis langsung pada atribut elemen HTML.

Pengen Punya Website yang Menarik dan Loading Cepat?

Klik Selengkapnya!