Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- .clase1 {
- box-sizing: border-box;
- text-align: center;
- overflow: hidden;
- }
- .tobogan {
- display: flex;
- overflow-x: auto;
- max-width: 100%;
- height: 21em;
- }
- .tobogan>div {
- flex-shrink: 0;
- margin: auto;
- padding: auto;
- transform-origin: center center;
- transform: scale(1);
- transition: transform 0.5s;
- position: relative;
- justify-content: center;
- align-items: center;
- font-size: 1.25em;
- display: inline-block;
- }
- .clase1>a {
- display: inline-block;
- text-decoration: none;
- align-items: center;
- width: 1.5em;
- height: 1.5em;
- border-radius: 200px;
- background-color: #D3D3D3;
- }
- .clase1>a:active {
- top: 1px;
- }
- .clase1>a:focus {
- background: #000;
- }
- .links {
- display: inline-block;
- }
- #tobogan-1,
- #tobogan-2,
- #tobogan-3,
- #tobogan-4,
- #tobogan-5 {
- width: 800px;
- max-width: 100% !important;
- vertical-align: middle;
- padding: 1em;
- margin: 0px;
- font-weight: bold;
- text-overflow: ellipsis;
- word-wrap: break-word;
- overflow: hidden;
- max-height: 21em;
- line-height: 1.8em;
- }
- .index {
- margin-top: 2em;
- display: inline-block;
- width: 1.5em;
- height: 1.5em;
- border-radius: 200px;
- background-color: #D3D3D3;
- }
- .Nombre {
- font-size: 0.75em;
- margin-top: 0.5em;
- font-weight: normal;
- }
- </style>
- <div class="clase1">
- <div class="tobogan">
- <div id="tobogan-1">“The best academic experience I’ve had in a long time. “The best academic experience I’ve had in a long time. A space for discovery, for diving into fundamental concepts and for raising our sights to see that which is truly essential.<p class="Nombre">Genís Roca, CEO of RocaSalvatella</p></div>
- <div id="tobogan-2">“The best academic experience I’ve had in a long time. “The best academic experience I’ve had in a long time. A space for discovery, for diving into fundamental concepts and for raising our sights to see that which is truly essential.<p class="Nombre">Genís Roca, CEO of RocaSalvatella</p></div>
- <div id="tobogan-3">“The best academic experience I’ve had in a long time. “The best academic experience I’ve had in a long time. A space for discovery, for diving into fundamental concepts and for raising our sights to see that which is truly essential.<p class="Nombre">Genís Roca, CEO of RocaSalvatella</p></div>
- <div id="tobogan-4">“The best academic experience I’ve had in a long time. “The best academic experience I’ve had in a long time. A space for discovery, for diving into fundamental concepts and for raising our sights to see that which is truly essential.<p class="Nombre">Genís Roca, CEO of RocaSalvatella</p></div>
- <div id="tobogan-5">“The best academic experience I’ve had in a long time. “The best academic experience I’ve had in a long time. A space for discovery, for diving into fundamental concepts and for raising our sights to see that which is truly essential.<p class="Nombre">Genís Roca, CEO of RocaSalvatella</p></div>
- </div>
- <div class="links">
- <div class="index"><a href="#tobogan-1">1</a></div>
- <div class="index"><a href="#tobogan-2">2</a></div>
- <div class="index"><a href="#tobogan-3">3</a></div>
- <div class="index"><a href="#tobogan-4">4</a></div>
- <div class="index"><a href="#tobogan-5">5</a></div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement