آمار مطالب
کل مطالب : 2159
آمار کاربران
آمار بازدید
I
- In three words I can sum up everything
- I've learned about life
- .. it goes on ..
descriptionTitle
II
- In three words I can sum up everything
- I've learned about life
- .. it goes on ..
descriptionTitle
III
- In three words I can sum up everything
- I've learned about life
- .. it goes on ..
descriptionTitle
* { 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 ) */
آخرین نظرات ثبت شده برای این مطلب را در زیر می بینید:
یه ماکانی گفته:
خیلی هم عالی عشقای منن ای دوتا
جانان گفته:
دیگه خز شدین به خدا هر جا سرچ میکنم یا یه دمو جدید دادن یا یه دلی جدید حالم ازتون بهم میخوره
چارلز اول گفته:
من ماکان رو دوست دارم شاید یکم تکراری شده باشه ولی همچنان پر طرفداره
دترمینوت گفته:
امیدوارم آلبوم خوبی بشه مثه قبلی خیلی قشنگ و به یاد موندنی شد
هنرمندم گفته:
چرا فقط جعبه موزیک اطلاع داده مطمئنین حقیقته فیک نیس؟
.
شما نیز نظری برای این مطلب ارسال نمایید:
.gif){kind=small}
- دوشنبه 08 دی 1404
جعبه موزیک چرا حسن اردستانی رئیس آوازی نو تو رو تو استوریش تبلیغ میکنه اگه واقن با آوازی نو ارتباط داری بگو خوشحال شیم