{"id":1489,"date":"2016-08-04T09:26:23","date_gmt":"2016-08-04T09:26:23","guid":{"rendered":"https:\/\/www.codebee.co.th\/labs\/?p=1489"},"modified":"2016-08-04T09:26:23","modified_gmt":"2016-08-04T09:26:23","slug":"css-%e0%b8%9b%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b8%a3%e0%b8%b9%e0%b8%9b%e0%b9%81%e0%b8%99%e0%b8%a7%e0%b8%95%e0%b8%b1%e0%b9%89%e0%b8%87-%e0%b9%81%e0%b8%99%e0%b8%a7%e0%b8%99%e0%b8%ad%e0%b8%99-%e0%b9%82","status":"publish","type":"post","link":"https:\/\/www.codebee.co.th\/labs\/css-%e0%b8%9b%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b8%a3%e0%b8%b9%e0%b8%9b%e0%b9%81%e0%b8%99%e0%b8%a7%e0%b8%95%e0%b8%b1%e0%b9%89%e0%b8%87-%e0%b9%81%e0%b8%99%e0%b8%a7%e0%b8%99%e0%b8%ad%e0%b8%99-%e0%b9%82\/","title":{"rendered":"CSS \u0e1b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e41\u0e19\u0e27\u0e15\u0e31\u0e49\u0e07 \u0e41\u0e19\u0e27\u0e19\u0e2d\u0e19 \u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b"},"content":{"rendered":"

CSS \u0e1b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e41\u0e19\u0e27\u0e15\u0e31\u0e49\u0e07 \u0e41\u0e19\u0e27\u0e19\u0e2d\u0e19 \u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b<\/h3>\n

\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e43\u0e2b\u0e49\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21 \u0e42\u0e14\u0e22\u0e2a\u0e48\u0e27\u0e19\u0e21\u0e32\u0e01\u0e40\u0e23\u0e32\u0e08\u0e30\u0e2d\u0e32\u0e28\u0e31\u0e22 CSS
\n\u0e0b\u0e36\u0e48\u0e07\u0e22\u0e48\u0e2d\u0e21\u0e32\u0e08\u0e32\u0e01\u0e04\u0e33\u0e27\u0e48\u0e32 Cascading Style Sheets \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07 Element \u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e20\u0e32\u0e22\u0e43\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e43\u0e2b\u0e49\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21
\n\u0e40\u0e0a\u0e48\u0e19 \u0e2a\u0e35\u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23 \u0e02\u0e19\u0e32\u0e14\u0e02\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23 \u0e23\u0e27\u0e21\u0e44\u0e1b\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e20\u0e32\u0e22\u0e43\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c \u0e01\u0e47\u0e15\u0e49\u0e2d\u0e07\u0e2d\u0e32\u0e28\u0e31\u0e22
\n<\/p>\n

\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e01\u0e33\u0e01\u0e31\u0e1a \u0e43\u0e19\u0e01\u0e32\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b \u0e2d\u0e32\u0e08\u0e08\u0e21\u0e35\u0e40\u0e2b\u0e15\u0e38\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e15\u0e49\u0e2d\u0e07 \u0e2a\u0e25\u0e31\u0e1a\u0e14\u0e49\u0e32\u0e19 \u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21
\n\u0e43\u0e19\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e41\u0e25\u0e30\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a Layout \u0e43\u0e19\u0e41\u0e15\u0e48\u0e25\u0e30\u0e02\u0e19\u0e32\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d
\n<\/br>
\n\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e0a\u0e48\u0e19 \u0e43\u0e19\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e1a\u0e19 Desktop \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e44\u0e14\u0e49\u0e15\u0e23\u0e07\u0e15\u0e32\u0e21\u0e14\u0e35\u0e44\u0e0b\u0e19\u0e4c \u0e41\u0e15\u0e48\u0e43\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e0a\u0e31\u0e48\u0e19 Mobile \u0e2d\u0e32\u0e08\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e31\u0e1a\u0e43\u0e2b\u0e49
\n\u0e2a\u0e25\u0e31\u0e1a\u0e14\u0e49\u0e32\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e41\u0e25\u0e30\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21\u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e0a\u0e49\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07 CSS \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e25\u0e31\u0e1a\u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e25\u0e31\u0e1a\u0e14\u0e49\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e44\u0e14\u0e49
\n\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b\u0e43\u0e2b\u0e21\u0e48 \u0e42\u0e14\u0e22\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e0a\u0e49\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e44\u0e14\u0e49\u0e14\u0e31\u0e07\u0e19\u0e35\u0e49
\n<\/br>
\n\u0e1b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e41\u0e19\u0e27\u0e19\u0e2d\u0e19 Horizontal Flip<\/b><\/p>\n

\r\nimg {\r\n        -moz-transform: scaleX(-1);\r\n        -o-transform: scaleX(-1);\r\n        -webkit-transform: scaleX(-1);\r\n        transform: scaleX(-1);\r\n        filter: FlipH;\r\n        -ms-filter: \"FlipH\";\r\n}<\/pre>\n
<\/br>
\n\u0e1b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e41\u0e19\u0e27\u0e15\u0e31\u0e49\u0e07 Vertical Flip<\/b><\/p>\n
\r\nimg {\r\n        -moz-transform: scaleY(-1);\r\n        -o-transform: scaleY(-1);\r\n        -webkit-transform: scaleY(-1);\r\n        transform: scaleY(-1);\r\n        filter: FlipV;\r\n        -ms-filter: \"FlipV\";\r\n}<\/pre>\n
<\/br><\/p>\n
-moz-transform<\/strong> \u0e43\u0e0a\u0e49\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a transform \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c mozilla firefox
\n-o-transform<\/strong> \u0e43\u0e0a\u0e49\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a transform \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c Opera
\n-webkit-transform<\/strong> \u0e43\u0e0a\u0e49\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a transform \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c Safari \u0e41\u0e25\u0e30 Google Chrome
\n-ms-transform<\/strong> \u0e43\u0e0a\u0e49\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a transform \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c Internet Explore ( \u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e0a\u0e31\u0e48\u0e19 9 \u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b )
\ntransform<\/strong> \u0e43\u0e0a\u0e49\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a transform \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e2d\u0e37\u0e48\u0e19 \u0e46
\nfilter: FlipH;<\/strong> \u0e01\u0e33\u0e2b\u0e19\u0e14 Filter \u0e40\u0e1b\u0e47\u0e19 FlipH \u0e2a\u0e25\u0e31\u0e1a\u0e43\u0e19\u0e41\u0e19\u0e27\u0e19\u0e2d\u0e19 Horizontal
\n-ms-filter<\/strong> \u0e01\u0e33\u0e2b\u0e19\u0e14 -ms-filter \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Internet Explorer \u0e40\u0e1b\u0e47\u0e19 FlipH \u0e2a\u0e25\u0e31\u0e1a\u0e43\u0e19\u0e41\u0e19\u0e27\u0e19\u0e2d\u0e19 Horizontal
\n<\/br><\/p>\n","protected":false},"excerpt":{"rendered":"
CSS \u0e1b\u0e23\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e41\u0e19\u0e27\u0e15\u0e31\u0e49\u0e07 \u0e41\u0e19\u0e27\u0e19\u0e2d\u0e19 \u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b \u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e43\u0e2b\u0e49\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21 \u0e42\u0e14\u0e22\u0e2a\u0e48\u0e27\u0e19\u0e21\u0e32\u0e01\u0e40\u0e23\u0e32\u0e08\u0e30\u0e2d\u0e32\u0e28\u0e31\u0e22 CSS \u0e0b\u0e36\u0e48\u0e07\u0e22\u0e48\u0e2d\u0e21\u0e32\u0e08\u0e32\u0e01\u0e04\u0e33\u0e27\u0e48\u0e32 Cascading Style Sheets \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07 Element \u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e20\u0e32\u0e22\u0e43\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e43\u0e2b\u0e49\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21 \u0e40\u0e0a\u0e48\u0e19 \u0e2a\u0e35\u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23 \u0e02\u0e19\u0e32\u0e14\u0e02\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23 \u0e23\u0e27\u0e21\u0e44\u0e1b\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e20\u0e32\u0e22\u0e43\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c…<\/p>\n","protected":false},"author":1,"featured_media":1493,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"video","meta":{"footnotes":""},"categories":[46],"tags":[387,390,389,393,396,395,394,392,391,388],"class_list":{"0":"post-1489","1":"post","2":"type-post","3":"status-publish","4":"format-video","5":"has-post-thumbnail","6":"hentry","7":"category-website-development-","8":"tag-css-flip","9":"tag-css-fliph","10":"tag-css-flipv","11":"tag-css-horizontal-flip","12":"tag-css-tips","13":"tag-css-trick","14":"tag-css-vertical-flip","15":"tag-css-","18":"post_format-post-format-video"},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/1489","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/comments?post=1489"}],"version-history":[{"count":8,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/1489\/revisions"}],"predecessor-version":[{"id":1498,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/1489\/revisions\/1498"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/media\/1493"}],"wp:attachment":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/media?parent=1489"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/categories?post=1489"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/tags?post=1489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}