Ответов: 14 Просмотров: 666
|
PHP:
скопировать код в буфер обмена
$style = " { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } body { } .wrapper { height: 670px; margin: 40px auto 0; position: relative; width: 500px; } .slider { height: inherit; overflow: hidden; position: relative; width: inherit; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -o-box-shadow: 0 0 20px rgba(0, 0, 0, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5); } .slides { height: 670px; opacity: 0; position: absolute; width: 500px; z-index: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); -webkit-transition: transform ease-in-out .5s, opacity ease-in-out .5s; -moz-transition: transform ease-in-out .5s, opacity ease-in-out .5s; -o-transition: transform ease-in-out .5s, opacity ease-in-out .5s; transition: transform ease-in-out .5s, opacity ease-in-out .5s; } .wrapper > input { display: none; } .wrapper .controls { left: 43%; margin-left: -220px; position: absolute; } .wrapper label { cursor: pointer; display: inline-block; height: 20px; margin: 25px 2px 0 2px; position: relative; width: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: background ease-in-out .5s; -moz-transition: background ease-in-out .5s; -o-transition: background ease-in-out .5s; transition: background ease-in-out .5s; } .wrapper label: after { border: 1px solid #ddd; content: ' '; display: block; height: 23px; left: -2px; position: absolute; top: -2px; width: 23px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .link { width: 500px; height: 670px; } .link a { display: block; text-align: center; height: 100%; } a{ text-decoration: none; } ";
|