zxz |
25.02.2015 19:31 |
Predmet:first-line
Ovaj pseudo element vazi samo za prvu liniju teksta.
PreuzmiIzvorni kôd (HTML):
p::first-line {
color: #0000FF;
font-variant: small-caps;
}
p.samovelika{
font-variant: small-caps;
}
<p>Ovdje ce prvi red biti ispisan velikim slovima i plavom bojom dok ce iduci redovi ispod prvog reda biti obicni odnosno nece potpadatai pod postavke u klasi p. Ovo je dobro kada hocemo nesto naglasiti ili napisati kao naslov.Ukoliko vam je veliki monitor mozda i ne viditi ucinak ako cio tekst stane u jedan red. Onda smanjite velicinu prozora vseg brovsera da bi vidjeli ucinak ovoga. </p>
<p class="samovelika">Ovo ce bir samo velika slova bez boje i biti ce i nakon preloma teksta </p>
|
zxz |
25.02.2015 19:41 |
Predmet:First-letter
Odnosi se samo na prvi karakter u tekstu.
PreuzmiIzvorni kôd (HTML):
p::first-letter {
color: #FF00FF;
font-size: "25";
}
<p>Ucinak se vidi samo na prvom karakteru u tekstu. </p>
|
zxz |
26.02.2015 21:35 |
Predmet:Gradients
PreuzmiIzvorni kôd (HTML):
#grad {
height: 100px;
background: -webkit-linear-gradient(0deg, green, blue);
background: -o-linear-gradient(0deg, green, blue);
background: -moz-linear-gradient(0deg, green, blue);
background: linear-gradient(0deg, green, blue);
}
<div id="grad" style="color:white;text-align:center;">Ovdje moze biti i neki tekst </div><br>
<p><strong>Napomena: </strong><br>Ne podrzavaju verzije internet explorera nize od 9. </p>
|
zxz |
27.02.2015 10:03 |
Predmet:text-shadow
PreuzmiIzvorni kôd (HTML):
h1 {
text-shadow: 4px 4px 4px #FF00FF
}
<h1>Ovo je tekst Shadow </h1>
<p><b>Note: </b><br> Ne podrzavaju verzije internet explorera nize od 9./p>
|
zxz |
28.02.2015 12:32 |
Predmet:font-family
PreuzmiIzvorni kôd (HTML):
p.roman {
font-family: "Times New Roman", Times, serif;
}
p.serif {
font-family: Arial, Helvetica, sans-serif;
}
<p class="roman">Ovo je font Times New Roman. </p>
<p class="serif">Ovo je Arial font. </p>
|
zxz |
28.02.2015 13:55 |
Predmet:Font-stil
PreuzmiIzvorni kôd (HTML):
p.normal {
font-style: normal;
}
p.italic {
font-style: italic;
}
p.oblique {
font-style: oblique;
}
<p class="normal">Normal klas stil. </p>
<p class="italic">Italik klas stil. </p>
<p class="oblique">Oblique klas stil. </p>
|
zxz |
01.03.2015 10:12 |
Predmet:Transform rotate
PreuzmiIzvorni kôd (HTML):
div {
width: 100px;
height: 100px;
background-color: red;
/* Rotate div */
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg); /* Standardna syntaksa */
}
|
zxz |
01.03.2015 10:17 |
Predmet:Transform-Translate
PreuzmiIzvorni kôd (HTML):
div{
width: 200px;
height: 125px;
background-color: red;
border: 1px solid black;
-ms-transform: translate(450px,200px); /* IE 9 */
-webkit-transform: translate(450px,200px); /* Chrome, Safari, Opera */
transform: translate(450px,200px); /* Standarda syntaksa */
}
|
zxz |
02.03.2015 11:03 |
Predmet:Transform-Scalse
PreuzmiIzvorni kôd (HTML):
div {
width: 90px;
height: 70px;
background-color: green;
border: 1px solid black;
}
div#div1 {
margin: 100px;
-ms-transform: scale(1,3); /* IE 9 */
-webkit-transform: scale(1,3); /* Chrome, Safari, Opera */
transform: scale(1,3); /* Standardna sintaksa */
}
<div id="div1">Ovo je div1 element </div>
|
zxz |
03.03.2015 21:27 |
Predmet:Tekst u kolonama-column-count
PreuzmiIzvorni kôd (HTML):
.kolone {
-webkit-column-count: 4; /* Chrome, Safari, Opera */
-moz-column-count: 4; /* Firefox */
column-count: 4;
}
<div class="kolone">Izgleda nevjerojatno da su Egipani izgradili metropolu tako
veli
anstvene arhitekture kao Å¡to je piramida, u pustinjskom
podru
ju naizgled negostoljubivom prema životu i
nesposobnom za pružanje prikladnog okoliša razvoju jedne
civilizacije. To izvanredno postignue poslužilo je egiptologu
Kurtu Mendelsohnu kao potvrda njegove teorije o tome da
se gradnja piramida razvila kao vrsta civilne službe, u
nastojanju da se sprije
i nezaposlenost i povea blagostanje
u Egiptu.
Mendelsohn pretpostavlja da je administracija u drevnom
Egiptu, vjerujui u potrebu stvaranja više državno
orijentiranog naroda, prisilila religiju i obredne tradicije
utjelovljene u filozofiji piramide da ustupe vodee mjesto
njihovim društveno-ekonomskim planovima.
Takvo moderno vienje drevne i visokorazvijene civilizacije
u najboljem je slu
aju postavka koja se može primijeniti na
piramide iz mnogo kasnijeg razdoblja propadanja Egipta.
Društveno-ekonomska teorija povijesti,
ovjekovih
nastojanja i djelovanja, teško je održiva
ak i kada se primijeni
na moderno doba, a kamoli tek na civilizacije nadahnute </div>
|