Csillagbol téglalap lesz.Nagyon jó nézzétek meg!
demó:
Az oldal PORTÁLÉPÍTÕ ami tartalmazza az alábbi linkeket:DESIGN,SCRIPT,HTML kód,Segítség.Készítettem ketto új menüt a neveSegítsetek nem megy! ide bárki írhat kérhet és adhat bárkinek segitséget.Másik menü a Hibát találtam az oldalon,ha bármelyik link hibás vagy a kóddal van probléma és te láttad kérlek ird ide.köszönöm.Segítség.2005.04.12.-én indult az oldal azóta várom a segítségre szoruló G-portálos.Ha bármi észrevételed van irhatsz e-mailt virag-78@gportal.hu vagy irhatsz a vendégkönyv be,meg a Chat-be is.TANULJ,SZÉPÍTSD az oldaladat de a legfontosabb hogy közbe jól érezd magad! Virág!
kód:
<div class="element">
<p>
Az oldal PORTÁLÉPÍTÕ ami tartalmazza az alábbi linkeket:DESIGN,SCRIPT,HTML kód,Segítség.Készítettem ketto új menüt a neveSegítsetek nem megy! ide bárki írhat kérhet és adhat bárkinek segitséget.Másik menü a Hibát találtam az oldalon,ha bármelyik link hibás vagy a kóddal van probléma és te láttad kérlek ird ide.köszönöm.Segítség.2005.04.12.-én indult az oldal azóta várom a segítségre szoruló G-portálos.Ha bármi észrevételed van irhatsz e-mailt virag-78@gportal.hu vagy irhatsz a vendégkönyv be,meg a Chat-be is.TANULJ,SZÉPÍTSD az oldaladat de a legfontosabb hogy közbe jól érezd magad!
Virág!
</p>
</div>
<style>
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);
body {
background-color: #ffffff;
color: #555;
font-size: 1.1em;
font-family: 'Lato', sans-serif;
}
.note {
width: 600px;
margin: 30px auto;
}
.element {
background-color: #B2C27B;
color: black;
width: 500px;
height: 500px;
margin: 30px auto;
text-align: justify;
shape-inside: polygon(250px 0, 350px 170px, 500px 180px, 380px 320px, 450px 500px, 250px 420px, 50px 500px, 120px 320px, 0px 180px, 150px 170px );
shape-padding: 10px;
transition: all 3s ease;
-webkit-clip-path: polygon(250px 0, 350px 170px, 500px 180px, 380px 320px, 450px 500px, 250px 420px, 50px 500px, 120px 320px, 0px 180px, 150px 170px );
}
.element:hover{
shape-inside: polygon(250px 0, 500px 0, 500px 180px, 500px 320px, 500px 500px, 250px 500px, 0 500px, 0 320px, 0 180px, 0 0);
-webkit-clip-path: polygon(250px 0, 500px 0, 500px 180px, 500px 320px, 500px 500px, 250px 500px, 0 500px, 0 320px, 0 180px, 0 0);
}
</style>
(Ha valami nem megy szólj és segítek. virag-78@gportal.hu )
Ellenorítve:2017.04.11.
Copyright © 2005-2017 JégVirág Design
|
AJÁNLOM AZ OLDALT
Archívum