DropDown Menu Animation Right To Left (Non RWD)

by ShadowKao

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <style type="text/css">
        nav {
            padding: 50px;
            text-align: center;
        }

            nav > ul {
                list-style: none;
                padding: 0;
                margin: 0;
                display: inline-block;
                background: #ddd;
                border-radius: 5px;
            }

                nav > ul > li {
                    float: left;
                    width: 150px;
                    height: 65px;
                    line-height: 65px;
                    position: relative;
                    text-transform: uppercase;
                    font-size: 14px;
                    color: rgba(0, 0, 0, 0.7);
                    cursor: pointer;
                }

                    nav > ul > li:hover {
                        background: #d5d5d5;
                        border-radius: 5px;
                    }

        ul.drop-menu {
            position: absolute;
            top: 100%;
            left: 0%;
            width: 100%;
            padding: 0;
        }

            ul.drop-menu li {
                background: #666;
                color: rgba(255, 255, 255, 0.7);
            }

                ul.drop-menu li:hover {
                    background: #606060;
                }

                ul.drop-menu li:last-child {
                    border-radius: 0px 0px 5px 5px;
                }

               
                



                
            /*預設第二層選單li隱藏*/
            ul.drop-menu li {
                display: none;
            }
            /*當第一層選單項目hover時，第二層選單li顯示*/ 
             li:hover > ul.drop-menu li { 
              display: block; 
             }  
            /*以上兩個樣式使用以下兩個樣式取代也可以*/

            /*
            ul.drop-menu {
             display: none;
      ...