Jump to content

HTML / CSS responsive Baner

vask0

By vask0
in HTML/XHTML

 Share

Recommended Posts

vask0 Newbie

vask0

Posted
  • Author
Posted

First congratulations for nice and helpful forum... 

For example .. I can add text on these images ... how you would look htm, css code?

HTML 

<!DOCTYPE html>
<html>
<head>
	<title>Image Slider CSS3</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="slider" >
<figure>
<img src="France.jpg">
<img src="images/Ibiza.jpg">
<img src="images/Amsterdam.jpg">
<img src="images/France.jpg">
<img src="images/Amsterdam.jpg">
</figure>	

</div>

</body>
</html>

 

 

CSS 

@keyframes slider {

0% {
	left: 0;
}

20% {
	left: 0;
}

25% {
	left: -100%;
}

45% {
    left: -100%;

}

50% {
		left: -200%;

}

70% {
	left: -200%;
}

75% {
	left: -300%;
}

95% {
	left: -300%;
}

100% {
	left: -400%;

}

}

#slider {
	overflow: hidden;
}

#slider figure img {
	width: 20%;
	float: left;
}

#slider figure {
	position: relative;
	width: 500%;
	margin: 0;
	left: 0;
	text-align: left;
	font-size: 0;
	animation: 20s slider infinite; 

}



I need a similar html css banner .. I need a similar banner BANER LINK .. I can write HTML text and manipulate it with css

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...