مثال html

  • snake game code using HTML & CSS & Javascript كود لعبة الحية بلغة

    كود لعبة الحية المشهورة بإستخدام HTML & CSS & Javascript , كل ما عليك فعله هو نسخ النص في الاسفل وحفظه داخل ملف .html وتشغيله من خلال متصفح متوافق مع الجافا سكريبت مثل كروم

    Code of the famous snake game using HTML & CSS & Javascript, all you have to do is copy the text in the bottom and save it inside the .html file and run it through a Javascript-enabled browser like Chrome .

    <html>
    <head>
    <style>
    body{
    background:#eee;
    }
    @-webkit-keyframes Kf{
    from{background: #4af;}
    50%{background:#18a;-webkit-transform:scale(1.2,1.2);}
    to{background: #4af;}
    }
    .scene{
    width:280px;
    height:280px;
    background:#fff;
    border:solid 1px #fff;
    -webkit-box-shadow:0px 1px 5px #ddd;
    position:relative;
    }
    table{
    width:80px;
    height:80px;
    margin-top:15px;
    }
    td > .key{
    padding:7px 24px 7px 24px;
    color:#eee;
    background:#333;
    font-size:22px;
    }
    .key:hover{
    background:#777;
    }
    .sn{
    width:20px;
    height:20px;
    position:absolute;
    background:#f33;
    }
    .sn:nth-child(odd){
    background:#f44;
    }

    .fd{
    width:20px;
    height:20px;
    position:absolute;
    background:#4af;
    border-radius:10px;
    -webkit-animation:500ms Kf 0ms ease infinite;
    }

    أكمل القراءة »

زر الذهاب إلى الأعلى
إغلاق

أنت تستخدم إضافة Adblock

يرجى تعطيل مانع الإعلانات حيث أن موقعنا غير مزعج ولا بأس من عرض الأعلانات لك فهي تعتبر كمصدر دخل لنا و دعم مقدم منك لنا لنستمر في تقديم المحتوى المناسب و المفيد لك فلا تبخل بدعمنا عزيزي الزائر