کد دو چشم متحرک بسیار زیبا باCss3 برای دلخوشی

زمان جاریtime : شنبه 16 تیر 1403 - 8:25 بعد از ظهر

شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .

صفحه اصلیHome page / کد های جدید سی اس اس (CSS) / کد دو چشم متحرک بسیار زیبا باCss3 برای دلخوشی

ارسال پاسخ جدید

تعداد بازدیدvisits : 417

monister

ارسال هاAnswers :	1002
عضویتRegistration date :	18 /11 /1391
حمایت کردهThanks :	222
حمایت شدهThanked :	214

کد دو چشم متحرک بسیار زیبا باCss3 برای دلخوشی

سلام اینو الان برای دلخوشی درست کردم

رزبلاگم که بووووووووووووووووووووووووووووووقید به اعصابم...

گفتم یکم با این شاد بشیم

کپی برداری با درج کپی رایت بلامانع است.

بفرمایید:

http://monister.ir/page/eyes

کد:

<style>
/*
   Desinged By Monister
   Copyright 2013 (c) By Monister.ir ,
   All Rights Reserved .
*/
.dayereye-monister-ir{
	width:200px;
	background-color:chartreuse;
	border-radius:600px;
	height:200px;
		box-shadow:1px 2px 4px 1px #000;
}
.dayereye2-monister-ir{
	width:100px;
	background-color:blueviolet;
	box-shadow:1px 2px 4px 1px #000;
	height:100px;
	border-radius:600px;
}
.dayereye3-monister-ir{
	width:50px;
	background-color:#000;
	height:50px;
	border-radius:500px;
	animation:monister-ir-cheshm 1s linear 0s infinite alternate;
}
@keyframes monister-ir-cheshm {
	from{margin-top:14px;}
	to{margin-top:-14px}
}
</style>
<center>
<div style="display:inline;">
<div class="dayereye-monister-ir">
<br/><br/><div class="dayereye2-monister-ir">
<br/><div class="dayereye3-monister-ir">
</div>
</div>
</div>
<div class="dayereye-monister-ir">
<br/><br/><div class="dayereye2-monister-ir">
<br/><div class="dayereye3-monister-ir">
</div>
</div>
</div>
</div>
</center>

Instead of success in a base I hate, I prefer to loose in a base I enjoy
MY website : Www.Monister.Ir
My Love Blog : Www.Ehsan-Gomnam.BLOGFA.com

جمعه 24 آبان 1392 - 15:08

وب کاربرUser's blog ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

حمایت شدهThanks :

سپاس هاThanks (2) : alibayat10 - sina3302 -

t-rex

ارسال‌هاAsnwers :	1775
عضویتRegistration date :	21 /3 /1392
تعداد اخطارWarnings :	3
حمایت کردهthanks :	482
حمایت شدهThanked :	1585

پاسخAnswer 1 : کد دو چشم متحرک بسیار زیبا باCss3 برای دلخوشی

الان بهتر شد!

کد:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 15</title>
<style>
/*
   Desinged By Monister
   Copyright 2013 (c) By Monister.ir ,
   All Rights Reserved .
*/
.mom {
background-color:yellow;
width:300px;
height:350px;
padding:5px;
border:2px solid;
	border-radius:600px;
}
.m2 {
background-color:red;
width:250px;
height:2px;
position:relative;
right:-13px;
top:0px;
}
.m222 {
position:absolute;
left:250px;
top:10px;
}
.dayereye-monister-ir{
	width:200px;
	background-color:chartreuse;
	border-radius:600px;
	height:200px;
		box-shadow:1px 2px 4px 1px #000;
}
.dayereye2-monister-ir{
	width:100px;
	background-color:blueviolet;
	box-shadow:1px 2px 4px 1px #000;
	height:100px;
	border-radius:600px;
}
.dayereye3-monister-ir{
	width:50px;
	background-color:#000;
	height:50px;
	border-radius:500px;
	animation:monister-ir-cheshm 1s linear 0s infinite alternate;
}
@keyframes monister-ir-cheshm {
	from{margin-top:14px;}
	to{margin-top:-14px}
}
.right {
position:absolute;
left:0px;
top:0px;
}
.lef22t {
position:relative;
right:-50px;
top:-1px;
}
</style>
<div class="m222">
</head>
<div class="mom">
<div class="right">
<div class="dayereye-monister-ir">
<br/><br/><div class="dayereye2-monister-ir">
<br/><div class="dayereye3-monister-ir">
</div>
</div>
</div>
</div>
<div class="lef22t">
<div class="dayereye-monister-ir">
<br/><br/><div class="dayereye2-monister-ir">
<br/><div class="dayereye3-monister-ir">
</div>
</div>
</div>
</div>
<br><br><br><br>
<div class="m2"></div>
</div>

</div>

جمعه 24 آبان 1392 - 20:30

ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

حمایت شده:

سپاس هاThanks (2) : alibayat10 - sina3302 -

sina3302

ارسال‌هاAsnwers :	230
عضویتRegistration date :	10 /6 /1392
حمایت کردهthanks :	212
حمایت شدهThanked :	104

پاسخAnswer 2 : خیلی...

خیلی خوب بود!

حالمون جا اومد!

سایت دانلود ها

همه چی برای دانلود

http://sina3302.rozblog.com

لطفا سری بزنید!!!

جمعه 24 آبان 1392 - 22:19

وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport

برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.

moisrex

درباره ماAbout us	لینک های ماOur links	کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex. ایمیلE-mail : Moisrex @ Gmail.com	کدستانMoisrex اینتکIntec تک پیکTak-Pic فتوشاپPhotoshop	کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد

انجمن کدستان Moisrex

آموزش های کدنویسیLearn codes

حل مشکلات کدنویسیWe solve them

گرافیکGraphic

انجمن کدستانMoisrex

آموزش های کدنویسیLearn codes

حل مشکلات کدنویسیWe solve them

گرافیکGraphic

انجمن کدستان Moisrex