Index
- Hompages
- Docs / Info
- Tutorials
- 3D-CSS-lib
Docs / Info
Terrive
Terrive is a decetralized social media platform that supports images, albums and videos. The UI/UX was made using Bootstrap 5. It uses the Hive Blockchain as an immutable database while leaving the image & video hosting to be independently hosted by the user.
3D-CSS-lib
A simple 3d css library to help you get started with CSS 3d
Including in browser
<link href="https://appukuttan66.github.io/3D-CSS-lib/lib.css" rel="stylesheet" type="text/css">
Creating a simple cuboid
HTML
<div class="c">
<div class="s"></div>
<div class="s"></div>
<div class="s"></div>
<div class="s"></div>
<div class="s"></div>
<div class="s"></div>
</div>
CSS
.c {
transform: rotateX(20deg) rotateY(30deg);
}
Changing the height, width and depth
.c {
--height: <the height you want>
--width: <the width you want>
--depth: <the depth you want>
}
Changing the color
.c {
--bg: <color>;
}