گۈزەل بولغان كونۇپكا كودى

مەرھابا ، ئەزىز دوستۇم ! باسقان قەدىمىڭىز قۇتلۇق بولسۇن !
بۈگۈن تورداشلارنىڭ ھوزۇرىغا گۈزەل بولغان كونۇپكا كودى ئېلىپ كەلدىم ، چۈنكى تورخۇمار چۈشۈرۈش كۇنۇپكىسى پېقىرغا تازا يارىمىغاچقا گۈزەللەشتۈرۈش ئويى بىلەن تور ئارلاپ بۈگۈن ھەمبەھىرلىمەكچى بولغان كودنى ئۇچراتتىم ۋە مۇۋاپىقىيەتلىك ھالدا تۇرايىمغا ئۆزلەشتۈرۋالغانمۇ بولدۇم ، شۇنىڭ ئۈچۈن ئەسلي كودنى تورداشلارغا ھەمبەھىرلەشنى لايىق كۆردۈم ئەگەر تورداشلارمۇ ياقتۇرغان بولسا ئۆز توربىتىگە ئۆزلەشتۈرۈپ ئىشلەتساڭلار بولىدۇ…

html كودى

<button>HOVER ME</button>

 

css كودى

button {
	text-decoration:none;
	position:relative;
	border:none;
	font-size:14px;
	font-family:inherit;
	cursor:pointer;
	color:#fff;
	width:9em;
	height:3em;
	line-height:2em;
	text-align:center;
	background:linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);
	background-size:300%;
	border-radius:30px;
	z-index:1;
}
button:hover {
	animation:ani 8s linear infinite;
	border:none;
}
@keyframes ani {
	0% {
	background-position:0%;
}
100% {
	background-position:400%;
}
}button:before {
	content:"";
	position:absolute;
	top:-5px;
	left:-5px;
	right:-5px;
	bottom:-5px;
	z-index:-1;
	background:linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);
	background-size:400%;
	border-radius:35px;
	transition:1s;
}
button:hover::before {
	filter:blur(20px);
}
button:active {
	background:linear-gradient(32deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);
}

 

© نەشر ھوقۇقى باياناتى
THE END
ياقتۇرغان بولسىڭىز قوللاپ قويۇڭ
ماختاش12 ھەمبەرلەش
باھا كىرىسلونى تارتىۋېلىڭ
باش سۈرەت
بىر باھا بىر كۆڭۈل ....
يوللاش
باش سۈرەت

تەخەللۇس

قالدۇرۇش
تەخەللۇس表情كودرەسىم

    ھازىرچە ئىنكاس قىلىدىغان مەزمۇن يوق