CodingForums
درباره سایت
آخرین مطالب
- QQSLOT LINK DAFTAR WEBSITE DAPET BONUS DI AWAL
- QQSLOT Situs QQ Dijamin WD Besar
- Belajar Pemrograman Komputer dengan Yang Terbaik - Pelajari cara membuat program bersama kami, di sini Anda dapat mempelajari cara membuat halaman web yang indah menggunakan HTML dan CSS.
- RankMonarch - Jasa Full-Stack Digital Marketing Segala Niche
- Copy a Button?
- Centering Text
- ^EQ and selecting multiple items
- Search in a multidimensional array and get the key?
- How do i pass form vaues to javascript window.open.
- Flexbox postioning
امکانات وب
Hi all , I'm new here and begiing my journey with design and coding -
I Have a few images i want to use , the idea of the below code is to have an image to display and when you hover over the mouse the second image displays . On top Of that i want the image(s) to be clickable to lead me to another page (Haven't even gotten to this part) .
Below is the code i tried to use . I Think I'm not understanding the "#CF" Bracket and maybe i am inputting code in a incorrect order.
I should note that i am using a "Code block" From a theme... The theme is "enfold" and i have checked the code via "Csslint" Don't know if that is a reputable code corrector either way its not helping much with this code because truthfully some parts i have no idea what it is trying to tell me .
Anyway the code is below
I Have a few images i want to use , the idea of the below code is to have an image to display and when you hover over the mouse the second image displays . On top Of that i want the image(s) to be clickable to lead me to another page (Haven't even gotten to this part) .
Below is the code i tried to use . I Think I'm not understanding the "#CF" Bracket and maybe i am inputting code in a incorrect order.
I should note that i am using a "Code block" From a theme... The theme is "enfold" and i have checked the code via "Csslint" Don't know if that is a reputable code corrector either way its not helping much with this code because truthfully some parts i have no idea what it is trying to tell me .
Anyway the code is below
PHP Code:
<div id="#cf {
position:relative;
height:281px;
width:450px;
margin:0 auto;
}
#cf img {
position:absolute;
left:0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
#cf img.top:hover {
opacity:0;
}">
<img class="bottom" src="http://rysetoronto.com/wp-content/uploads/2017/06/sound.png" />
<img class="top" src="http://rysetoronto.com/wp-content/uploads/2017/06/sound2.png" />
</div>
برچسب:
نویسنده: آیلین رضوانی