سایت جعبه موزیک 2020

* { padding : 0; margin : 0; border : 0; text-align : center; font-family: "Georgia"; } body { padding-top : 10px; background-image: url('https://raw.githubusercontent.com/seyedi/css-playground/master/combadi%20nav/bg.jpg'); } section { background : rgba(250,250,250,.2); width : 960px; margin: auto; } .item , figure { transition : all 225ms ease-out; } .item { float : left; width : 320px; height : 130px; position : relative; margin-top : 354px; } figure { border-bottom : 4px solid skyblue; } div.handle { width : 64px; height : 40px; margin : auto; position : relative; top : -20px; font-weight: bold; font-size : 30px; color : #333; background-color : skyblue; } div.handle:after { display : block; content : " "; position : absolute; bottom : 100%; left : 0; border-style : solid; border-color : transparent; border-bottom-color : skyblue; border-width : 0 32px 15px 32px; } div.handle:before { display : block; content : " "; position : absolute; top : 100%; left : 0; border-style : solid; border-color : transparent; border-top-color : skyblue; border-width : 15px 32px 0 32px; } ul li { opacity : 0; font-size : 15px; margin-top : 10px; font-style : italic; list-style-type : none; } .item a { margin : auto; opacity: 0; color : #fff; padding : 10px; width : 200px; display : block; background-color: #e9544e; text-decoration : none; font-size : 15px; font-weight : bold; } .item.ii a { background-color : #81bb71; } .item.iii a { background-color : #E26DA1; } .item h2 { height : 70px; position : absolute; bottom : 0; left : 0; width : 100%; color : #4e4e4d; } h2 > span { display : block; color : #787876; font-size : 13px; font-style : italic; font-weight : normal; } .item:hover { cursor : pointer; margin-top : 0; height : 484px; transition : all 225ms; box-shadow : 0 0 5px 1px #aaa; background : #fff; } .item:hover ul { height : 100px; } .item:hover ul li:first-child { transition : all 225ms .222s; opacity : 1; } .item:hover ul li:nth-child(2) { transition : all 225ms .299s; opacity : 1; } .item:hover ul li:last-child { transition : all 225ms .333s; opacity : 1; } .item:hover a { transition : all 225ms .7s; opacity : 1; } .item:hover figure { margin-top : 0; height : 184px; transition : height 225ms; } .item:hover .handle { transition : height 225ms; } .item.i:hover h2 { color : #e8554e; text-shadow : 0 1px 1px skyblue; transition : all 225ms .8s; } .item.ii:hover h2 { color : #81bb71; text-shadow : 0 1px 1px skyblue; transition : all 225ms .8s; } .item.iii:hover h2 { color : #E26DA1; text-shadow : 0 1px 1px skyblue; transition : all 225ms .8s; } .cover:after , .cover:before { display: table ; content: " "; clear : both; } /* design : combadi.com “In three words I can sum up everything I've learned about life : it goes on .” ( Robert Frost ) */

آخرین نظرات ثبت شده برای این مطلب را در زیر می بینید:

مسعود مهمان گفته:

این نظر در تاریخ دوشنبه 08 دی 1404.

جعبه موزیک چرا حسن اردستانی رئیس آوازی نو تو رو تو استوریش تبلیغ میکنه اگه واقن با آوازی نو ارتباط داری بگو خوشحال شیم

یه ماکانی مهمان گفته:

این نظر در تاریخ دوشنبه 08 دی 1404.

خیلی هم عالی عشقای منن ای دوتا

جانان مهمان گفته:

این نظر در تاریخ دوشنبه 08 دی 1404.

دیگه خز شدین به خدا هر جا سرچ میکنم یا یه دمو جدید دادن یا یه دلی جدید حالم ازتون بهم میخوره

چارلز اول مهمان گفته:

این نظر در تاریخ دوشنبه 08 دی 1404.

من ماکان رو دوست دارم شاید یکم تکراری شده باشه ولی همچنان پر طرفداره

دترمینوت مهمان گفته:

این نظر در تاریخ دوشنبه 08 دی 1404.

امیدوارم آلبوم خوبی بشه مثه قبلی خیلی قشنگ و به یاد موندنی شد

هنرمندم مهمان گفته:

این نظر در تاریخ دوشنبه 08 دی 1404.

چرا فقط جعبه موزیک اطلاع داده مطمئنین حقیقته فیک نیس؟

شما نیز نظری برای این مطلب ارسال نمایید: