Миний блог сайт

Sunday, November 18, 2018

Флэш программын дасгал

https://drive.google.com/file/d/1ikLHsuMqrcmZRtxgd3YwPjURgCAm3Jkf/view?usp=sharing

Sunday, November 4, 2018

Flash программын хичээл

Дараах холбоосоор татан авна уу

https://drive.google.com/file/d/1XDxLeMXatsfw8ml38TIzlADqJcrDPaEJ/view?usp=sharing

Sunday, October 21, 2018

<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Текстийн сүүдэр!</title>

<style>
a:hover {
color: #0a0a0a;
text-shadow:
1px 1px #61b4de, 2px 2px #61b4de, 3px 3px #61b4de, 4px 4px #61b4de, 5px 5px #61b4de,
6px 6px #91c467, 7px 7px #91c467, 8px 8px #91c467, 9px 9px #91c467, 10px 10px #91c467,
11px 11px #f3a14b, 12px 12px #f3a14b, 13px 13px #f3a14b, 14px 14px #f3a14b, 15px 15px #f3a14b,
16px 16px #e84c50, 17px 17px #e84c50, 18px 18px #e84c50, 19px 19px #e84c50, 20px 20px #e84c50,
21px 21px #4e5965, 22px 22px #4e5965, 23px 23px #4e5965, 24px 24px #4e5965, 25px 25px #4e5965;
}
a {
color: #0000ff;
font-family: Arial;
font-size: 50px;
transition: 1s all ease;
text-decoration: none;
text-shadow:
1px 1px #61b4de,
2px 2px #91c467,
3px 3px #f3a14b,
4px 4px #e84c50,
5px 5px #4e5965;
}
</style>
</head>
<body>
<a href="#">УС БОЛ ЧАНДМАНЬ ЭРДЭНЭ</a>
</body>
</html>

CSS Transition - 2

Обьектийн хүрээ, өнгө, хэлбэр, байрлал, уусалтын шилжилт хөдөлгөөн.

HTML код

<body>

<div class="box"><div class="one"> Хүрээ, дэвсгэр өнгө, хэлбэр </div></div> <br>

<div class="box"><div class="two"> Хэлбэр, дэвсгэр өнгө, эргэлт </div></div> <br>

<div class="box"><div class="three">Гадна хүрээ </div></div> <br>

<div class="box"><div class="four"> Хэмжээ </div></div> <br>

<div class="box"><div class="five"> Байрлал </div></div> <br>

<div class="box"><div> Зургийн уусалт </div> <img src="car.jpeg"> </div> <br>

<div class="box"><div class="six"> Дэвсгэр зургийн байрлал </div></div> <br>

</body>

CSS код

<style>

body { font-family: arial; margin: 0; text-align: center } /* хуудасны үндсэн хэлбэр тодорхойлох */

div, img { /* хуудасны бүх муж болон зурагт шилжилт оруулах */

transition: 1s ease-in-out; } /* шилжилт 1 секундэд, жигд хийгдэх */

.one, .two, .three { /* 3 классын хэлбэр тодорхойлох */

border: 5px solid transparent; /* мужийн хүрээ тодорхойлох */

width: 200px; /* мужийн өргөн тодорхойлох */

height: 100px; /* мужийн өндөр тодорхойлох */

margin: 0 auto; /* 4 захаас авах зай */

padding: 10px; } /* дотор зай */

.one { /* класс тодорхойлох */

background-color: #B0CBC4; } /* дэвсгэр өнгө тодорхойлох */

.one:hover { /* хулгана байрлах үеийн хэлбэр тодорхойлох */

border: #0000FF; /* хүрээний өнгө тодорхойлох */

background-color: #FF0000; /* дэвсгэр өнгө тодорхойлох */

border-radius:50%; } /* хүрээний өнцөг тодорхойлох */

.two {

background-color: #9F908F; }

.two:hover {

border: 5px inset #9F908F; /* дотор хүрээ тодорхойлох */

background-color: #E0CABB;

transform: rotateZ(-30deg); } /* мужийн эргэлтийн хэмийг тодорхойлох */

.three {

background-color: #FBE2A9;

border: 5px solid #FFD18F;

outline: 5px solid transparent; }

.three:hover {

outline: 5px solid #9E8463; /* мужийн гадна хүрээний өргөн, өнгө тодорхойлох*/

outline-offset: 5px; }

.four {

width: 200px;

height: 100px;

background-color: #95A1B1;

margin: 0 auto; }

.four:hover {

width: 250px;

height: 80px; }

.five {

width: 100px;

height: 100px;

background-color: #E0CABB;

margin: 0 auto;

position: relative; /* мужийн байрлал тодорхойлох (харьцангуй) */

left: 50px; }

.five:hover {

left: -50px; } /* зүүн талруу шилжих зай тодорхойлох */

img:hover {opacity: 0.5;}

.six {

width: 200px;

height: 200px;

margin: 0 auto;

background: url("ball.png"); /* дэвсгэр зураг тодорхойлох */

background-repeat: no-repeat; /* дэвсгэр зурагт давталт хийхгүй */

background-position: bottom center; } /* дэвсгэр зургийн байрлал тодорхойлох (доод) */

.six:hover {

background-position: top center; } /* дэвсгэр зургийн байрлал тодорхойлох (дээд) */

</style>

CSS Transition - 1

Обьектийн хэмжээ өөрчлөх.

HTML код

<body>

<div></div> /* муж тодорхойлох */

</body>

CSS код

<style>

div { /* мужийн хэлбэр тодорхойлох */

width: 50px; /* мужийн өргөн */

height: 50px; /* мужийн өндөр */

background: red; /* мужийн өнгө */

transition-property: width; /* шилжилтийн өөрчлөх шинж чанар */

transition-duration: 2s; /* шилжилтийн үргэлжлэх хугацаа */

transition-timing-function: linear; /* шилжилтийн хурдатгалын төрөл */

transition-delay: 1s;} /* шилжилт эхлэх хугацаа */

div:hover { /* хулгана дээр нь очих үеийн хэлбэр тодорхойлох */

width: 300px; } /* өргөн */

</style>

Tuesday, October 9, 2018

Вэб темплэйт

Дараах холбоосоор татаж авна уу

https://drive.google.com/file/d/1n6y_SR8zmED2mz-eUzual68lDIJlj3ML/view?usp=sharing

Monday, October 8, 2018

МХТ хичээлийн бие даалтын удирдамж

Удирдамжийг дараах холбоосоор татан авч үзнэ үү

https://drive.google.com/file/d/1u2Wh61IqimPkxFkR_ZGdR0T2qblOKU3M/view?usp=sharing