1. Z-INDEX:

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Blanditiis perspiciatis aliquam ab et ad quam, repellat, maxime delectus enim corporis autem exercitationem deleniti eveniet esse dolor eius quia totam sapiente. Nobis doloremque suscipit est sint, officia, inventore ipsa dolores, laboriosam eum maxime deserunt. Adipisci neque nobis, totam facilis nihil quisquam labore incidunt esse hic distinctio laborum maiores alias recusandae corporis aperiam unde quibusdam dignissimos amet sapiente quod quas. Veritatis repudiandae accusantium aut qui sed inventore veniam, cumque officia ea? Aliquam distinctio non quae maxime veritatis tempore assumenda rerum impedit a, ipsa error, laboriosam molestias fugit asperiores, veniam vel nam accusamus! Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate doloribus sequi deleniti nisi iste adipisci ipsum odit saepe alias provident, ut, ratione quis id libero numquam laborum a dolore architecto quidem eligendi. Necessitatibus dolore tempora, beatae ipsam error quisquam rerum qui exercitationem facere voluptatum laborum facilis vero nobis neque dolorem omnis asperiores magni voluptas dolor? Inventore dicta laboriosam, repellendus quia necessitatibus possimus voluptatem ipsa maxime eveniet sit totam dolorem illo dignissimos nemo iusto sapiente, autem, sint in tempora tempore distinctio saepe qui officiis! Eius, in architecto. Alias, illo ipsum aperiam et debitis inventore, hic officiis quas error eum, dignissimos ducimus. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Autem, modi? Quas eius, cupiditate perspiciatis quis eos praesentium impedit facilis itaque magni beatae quisquam magnam sapiente quod est! Sunt aut perferendis hic veritatis aliquam? Dolorum, laboriosam vitae? Provident suscipit ullam, recusandae fugit delectus earum debitis commodi totam necessitatibus, esse quam magnam.



2.OVERFLOW:

visible in overflow:

Lorem Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam assumenda neque veniam laborum corrupti optio quo architecto sint, itaque eaque deleniti aperiam quas inventore doloribus praesentium dolores eos quasi! Nemo ipsum explicabo amet, blanditiis saepe reprehenderit perferendis delectus qui nesciunt ullam quis voluptatum eius itaque, autem iure harum est quod? ipsum dolor sit amet consectetur, adipisicing elit. Explicabo incidunt, eum provident odit quibusdam eos hic numquam similique dolorem dolorum eaque alias nemo quaerat est fuga, doloremque quis velit ipsum! Consequatur expedita, ea ducimus laudantium saepe accusantium doloribus? Officiis consequatur laudantium harum expedita est, sapiente quidem aperiam provident dolore delectus eaque! Distinctio, atque minus accusamus, dignissimos iure consequuntur inventore accusantium veritatis odio assumenda, aperiam in. Vitae eius quos sed omnis alias voluptates, temporibus magnam ullam debitis non ab eligendi, vero, tempora obcaecati quidem placeat minus? Ullam facilis asperiores molestiae dolore? Quos, quaerat non eaque placeat ab animi distinctio repellendus mollitia?





hidden in overflow:

Lorem Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam assumenda neque veniam laborum corrupti optio quo architecto sint, itaque eaque deleniti aperiam quas inventore doloribus praesentium dolores eos quasi! Nemo ipsum explicabo amet, blanditiis saepe reprehenderit perferendis delectus qui nesciunt ullam quis voluptatum eius itaque, autem iure harum est quod? ipsum dolor sit amet consectetur, adipisicing| lit. Explicabo incidunt, eum provident odit quibusdam eos hic numquam similique dolorem dolorum eaque alias nemo quaerat est fuga, doloremque quis velit ipsum! Consequatur expedita, ea ducimus laudantium saepe accusantium doloribus? Officiis consequatur laudantium harum expedita est, sapiente quidem aperiam provident dolore delectus eaque! Distinctio, atque minus accusamus, dignissimos iure consequuntur inventore accusantium veritatis odio assumenda, aperiam in. Vitae eius quos sed omnis alias voluptates, temporibus magnam ullam debitis non ab eligendi, vero, tempora obcaecati quidem placeat minus? Ullam facilis asperiores molestiae dolore? Quos, quaerat non eaque placeat ab animi distinctio repellendus mollitia?

auto or scroll in overflow:

Lorem Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam assumenda neque veniam laborum corrupti optio quo architecto sint, itaque eaque deleniti aperiam quas inventore doloribus praesentium dolores eos quasi! Nemo ipsum explicabo amet, blanditiis saepe reprehenderit perferendis delectus qui nesciunt ullam quis voluptatum eius itaque, autem iure harum est quod? ipsum dolor sit amet consectetur, adipisicing elit. Explicabo incidunt, eum provident odit quibusdam eos hic numquam similique dolorem dolorum eaque alias nemo quaerat est fuga, doloremque quis velit ipsum! Consequatur expedita, ea ducimus laudantium saepe accusantium doloribus? Officiis consequatur laudantium harum expedita est, sapiente quidem aperiam provident dolore delectus eaque! Distinctio, atque minus accusamus, dignissimos iure consequuntur inventore accusantium veritatis odio assumenda, aperiam in. Vitae eius quos sed omnis alias voluptates, temporibus magnam ullam debitis non ab eligendi, vero, tempora obcaecati quidem placeat minus? Ullam facilis asperiores molestiae dolore? Quos, quaerat non eaque placeat ab animi distinctio repellendus mollitia?



3.FLOAT: right or left

Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum ducimus, sapiente ipsum ratione a obcaecati magni quod exercitationem, hic provident dolor. Delectus, quos ducimus. Fugit eaque autem reprehenderit, voluptatum expedita aut inventore eius minima quaerat dolorum debitis exercitationem vel at eos ipsum corporis earum facere illo, hic ipsam nostrum facilis? In id ipsum eos, natus eaque corporis amet praesentium eum, atque quidem accusamus vero excepturi ab laboriosam animi nam recusandae sapiente autem! Dolor soluta vitae nulla consequuntur omnis reprehenderit praesentium doloremque iste. Illo fugiat velit quasi debitis eligendi, magni deleniti voluptatem, recusandae numquam similique ipsum hic atque eos nobis perferendis. Lorem ipsum, dolor sit amet adipisicing elit. Ea quo pariatur, cum magnam vero dolores laudantium deserunt aliquam saepe deleniti incidunt possimus dolore facilis delectus non praesentium ad beatae corporis necessitatibus perferendis placeat voluptatibus! Odit sed, illo voluptas nesciunt rerum a recusandae amet magnam laudantium repudiandae molestiae deleniti et unde alias doloribus dicta. Ducimus iure, placeat eos tempore quo aliquid deleniti nesciunt cupiditate neque ut perferendis quis excepturi quas sit ex, voluptatibus non magnam. Repudiandae accusantium quae doloribus consectetur beatae veniam laboriosam, dolores repellendus eaque ducimus dolorum obcaecati! Reiciendis ipsum voluptate quis minus laboriosam, ab dignissimos praesentium nam delectus veritatis! Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vel, cum iste voluptas debitis voluptate optio quam? Iste nisi maxime nostrum consectetur sed rem similique fuga asperiores eveniet aut dicta voluptatum dolorum odio, magni eligendi soluta voluptatem ipsam possimus quia laboriosam exercitationem quibusdam temporibus! Assumenda omnis et odit eaque rem velit! ipsum dolor sit amet consectetur adipisicing elit. Dolor dolorem eaque, dolores nihil iure vel deleniti architecto eligendi quia vitae repudiandae tempora alias, est explicabo soluta ducimus, doloribus optio! Sequi optio ab, ipsa, consequuntur neque odio velit porro molestias ullam natus unde ratione sint culpa quaerat ut soluta! Atque,



PSEUDO-CLASS(HOVER,ACTIVE)



PSEUDO-ELEMENT (BEFORE)

this shows the image on before of the text



TRANSITIONS

TRANSITION-DELAY

TRANSITION-TIMING-FUNCTION



ROTATE METHOD

this div is going to rotate