How to create 3d text with CSS - 3d illustration

<style>

 .css-3d-text {

  

   

   

    text-shadow: 0px 0px 0 rgb(250,188,2),

                 1px 1px 0 rgb(245,183,0),

                 2px 2px 0 rgb(240,178,0),

                 3px 3px 0 rgb(235,173,0),

                 4px 4px 0 rgb(230,168,0),

                 5px 5px 0 rgb(225,163,0),

                 6px 6px 0 rgb(220,158,0),

                 7px 7px 0 rgb(215,153,0),

                 8px 8px 0 rgb(210,148,0),

                 9px 9px 0 rgb(205,143,0),

                 10px 10px  0 rgb(200,138,0),

                 11px 11px 10px rgba(0,0,0,0.6),

                 11px 11px 1px rgba(0,0,0,0.5),

                 0px 0px 10px rgba(0,0,0,.2);

 }

</style>

<div class="css-3d-text">3D TEXT</div>

https://www.html-code-generator.com/css/3d-text-generator 

RGB color background for eyes

R 69 

G 69 

B 69

Not good for eyes #495057

but for background 69, 69, 69

Font color change in window 11 - Font smoothing

> Open regedit.exe

> click on Computer

> Click on HKEY_CURRENT_USER

>Click on Control Panel

>Click on Colors

>Double Click on WindowText

> and change the value from 0 0 0 to 255 0 0  for red color

====================================

For font smoothing , go to

Computer\HKEY_CURRENT_USER\Control Panel\Desktop

click on FontSmoothing and change ethe value to 1

=====================================

For font change in window 11, see below link

https://www.wisecleaner.com/think-tank/585-How-to-Change-the-Font-on-Windows-11.html

=================

Computer\HKEY_CURRENT_USER\Control Panel\Desktop\Colors

Error while starting My sql or Appache in Xampp server

 https://webolute.com/blog/programming/this-may-be-due-to-a-blocked-port-missing-dependencies/

and for My sql, use below steps

Open the XAMPP Control Panel and click Config next to MySQL, then select my.ini.

Find the lines port=3306 (usually in two places) and change them to port=3307.

next step

If going to localhost:8000 get error than change the config.inc.php, enter the password in string $cfg['Servers'][$i]['password'] = 'root';

and change

$cfg['Servers'][$i]['controluser'] = 'pma'; to  $cfg['Servers'][$i]['controluser'] = 'root';

$cfg['Servers'][$i]['controlpass'] = '';$cfg['Servers'][$i]['controluser'] = 'root';

=========================================

C:/xampp/php/php.ini

C:/xampp/apache/conf/httpd.conf

C:/xampp/mysql/bin/my.ini

C:/xampp/phpMyAdmin/config.inc.php

These above 4 files are changed.

C:/xampp/php/php.ini

/* Authentication type and info */

$cfg['Servers'][$i]['auth_type'] = 'config';

$cfg['Servers'][$i]['user'] = 'root';

$cfg['Servers'][$i]['password'] = 'root';

$cfg['Servers'][$i]['extension'] = 'mysqli';

$cfg['Servers'][$i]['AllowNoPassword'] = true;

$cfg['Lang'] = '';

/* Bind to the localhost ipv4 address and tcp */

$cfg['Servers'][$i]['host'] = '127.0.0.1:3306';

$cfg['Servers'][$i]['connect_type'] = 'tcp';

/* User for advanced features */

$cfg['Servers'][$i]['controluser'] = 'root';

$cfg['Servers'][$i]['controlpass'] = 'root';

C:/xampp/apache/conf/httpd.conf

port=3306

socket="C:/xampp/mysql/mysql.sock"

# Here follows entries for some specific programs 

# The MySQL server

default-character-set=utf8mb4

[mysqld]

port=3306

socket="C:/xampp/mysql/mysql.sock"

basedir="C:/xampp/mysql"

Displaying Different Texts Sequentially from an Array with javascript

 const outputElement = document.getElementById('output');

const textArray = ['First text message.', 'Second text message.', 'Third text message.'];

let currentIndex = 0;

function displayNextText() {

    if (currentIndex < textArray.length) {

        // Replace the entire content with the current text

        outputElement.innerHTML = textArray[currentIndex];

        currentIndex++;

        // Schedule the next text to be displayed after a delay (e.g., 2 seconds)

        setTimeout(displayNextText, 2000); // 2000 milliseconds = 2 seconds

    }

}

// Start the display sequence

displayNextText();

===============================

Text Sequentially with CSS

<div class="text-container">

  <div class="text-item">First Text</div>

  <div class="text-item">Second Text</div>

  <div class="text-item">Third Text</div>

</div>

.text-container {

  display: grid;

  grid-template-areas: "content";

}

.text-item {

  grid-area: content;

  opacity: 0;

  animation: slideIn 6s infinite;

}

/* Stagger animation with delays */

.text-item:nth-child(1) { animation-delay: 0s; }

.text-item:nth-child(2) { animation-delay: 2s; }

.text-item:nth-child(3) { animation-delay: 4s; }

@keyframes slideIn {

  0% { opacity: 0; }

  10% { opacity: 1; }

  30% { opacity: 1; }

  40% { opacity: 0; }

  100% { opacity: 0; }

}