เมื่อ GOOGLE โลกกลับด้าน ปล่อยมุข April Fools’ Day

 

GOOGLE - elgooG

GOOGLE – elgooG

เป็น April Fools’ Day ที่ไม่เหมือนใครเมื่อ Google ลงทุนจด Domain .google ปล่อยมุข com.google แต่ถ้าจะมาโพสข่าวมันก็ดูจะไม่ใช่บล็อก Ima8 ฉะนั้นนน

วันนี้เราจะมาดูกันว่า ไอ้ที่สลับด้าน google เป็น elgooG แบบนี้ เขาทำยังไงกัน ต้องเขียนเว็บใหม่เลยมั้ย ต้องเรียง Content ใหม่เลยมั้ย?

หลายคนอาจจะคิดว่าต้องเหนื่อยแน่ๆ ต้องยากแน่ๆ แต่แท้จริงแล้ว

เราเพียงใส่ CSS tag body แค่

 

body {
transform: rotateY(180deg);
}

ซึ่งจาก Code ด้านบนจะเป็นการหมุนแกนY 180องศา

หรือ

body {
transform: scaleX(-1);
}

 

แต่หากกลัวว่าจะไม่รองรับ IE9 , Firefox , Safari สามารถใช้ CODE เต็มๆได้ดังนี้
body {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}

 

อ้างอิง
https://stackoverflow.com/questions/5768998/how-to-flip-background-image-using-css

 

ขอบคุณครับ

Ima8

Leave a Reply