Index

• Hompages
  • Terrive
  • 3D-CSS-lib
  • Fuzzy Invention
• Docs / Info
  • 3D-CSS-lib
  • Terrive
• Tutorials
  • 3D-CSS-lib
    • A Simple Cube/Cuboid
    • Cube/Cuboid Grid

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>;
}